HTML
关注
分享
扫一扫
祥哥的说
精一技而绝天下。。。
展开
-
对WEB标准以及W3C的理解与认识?
web标准简单来说可以分为结构、表现和行为。其中结构主要是有HTML标签组成。或许通俗点说，在页面body里面我们写入的标签都是为了页面的结构。表现即指css样式表，通过css可以是页面的结构标签更具美感。行为是指页面和用户具有一定的交互，同时页面结构或者表现发生变化，主要是有js组成。web标准一般是将该三部分独立分开，使其更具有模块化。但一般产生行为时，就会有结构或者表现的变化，也使这三者的界...转载 2018-03-15 10:12:50 · 491 阅读 · 0 评论 -
html5 中的audio和video标签以及相应的方法、属性、事件
HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。这些方法、属性和事件允许您使用 JavaScript 来操作 <audio> 和 <video> 元素。这里仅记录目前自己遇到的，使用的，后期在这里继续完善。。。。HTML5 Audio/Video 方法play() 开始播放音频/视频 ...转载 2019-01-08 16:31:13 · 3644 阅读 · 0 评论 -
video的autoplay在Chrome下失效
声音无法自动播放这个在 IOS/Android 上面一直是个惯例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放，也就是说 在桌面版浏览器也将失效。--------------------- 原因大概是为了提高用户体验，防止一进入网页会自动播放声音过大的音频。...转载 2019-01-05 20:23:55 · 1895 阅读 · 0 评论 -
offsetWidth和width的区别
1.offsetWidth属性可以返回对象的padding+border+width属性值之和，style.width返回值就是定义的width属性值。 2.offsetWidth属性仅是可读属性，而style.width是可读写的。 3.offsetWidth属性返回值是整数，而style.width的返回值是字符串，并且带有单位。 4.style.width仅能返回以style方式...转载 2019-01-05 15:41:50 · 11238 阅读 · 0 评论 -
自定义视频播放器制作
完整源代码：完整源代码 NO.1 视频播放器控制台隐藏弹出的设置/*控制台的样式设置*/.player__controls { display:flex; /*弹性布局，子元素生效*/ position: absolute; bottom:0; width: 100%; transform: translateY(100%) translateY(-5px);...原创 2018-12-29 21:59:41 · 1142 阅读 · 0 评论 -
HTML5之input的类型color，通过input：color来改变背景颜色或者字体颜色
问题所在：改变了拾色器中颜色的值后并没有在相关元素上体现出来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS Variables</title> <link原创 2018-12-03 20:27:07 · 23189 阅读 · 1 评论 -
HTML和CSS基础部分
1、<title> 定义文档的标题，它是 head 部分中唯一必需的元素。转载 2018-07-09 09:58:10 · 143 阅读 · 0 评论 -
websocket与http
一、websocket与httpWebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连接，循环连接的不算）首先HTTP有 1.1 和 1.0 之说，也就是所谓的 keep-alive ，把多个HTTP请求合并为一个，但是 Websocket 其实是一个新协议，跟HTTP协议基本没有关系，只是为了兼容现有浏览器的握手规范...转载 2018-07-26 21:34:17 · 387 阅读 · 0 评论 -
html5新增标签与传统html的区别
目前html5在之前html的基础上增加了许多实用的标签，页面文档的声明方式也更加简洁了，下面来具体看一下这些区别。一、文档声明以及编码声明发生了改变以前的html声明文档类型的方法：1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr...转载 2018-05-02 19:42:42 · 323 阅读 · 0 评论 -
事件的三个阶段：捕获阶段 目标阶段 冒泡阶段
事件的三个阶段：捕获阶段 目标阶段 冒泡阶段 编辑 删除 js有好多的知识需要不断积累，但是不能浅尝，应该深究其内因，并运用在日常开发过程中。捕获阶段：事件从根节点流向目标节点，途中流经各个DOM节点，在各个节点上触发捕获事件，直到...转载 2018-03-12 20:42:27 · 1897 阅读 · 0 评论 -
HTML DOM Event 对象
HTML DOM Event 对象实例哪个鼠标按钮被点击？ 光标的坐标是？ 被按的按键的 unicode 是？ 相对于屏幕，光标的坐标是？ shift 键被按了吗？ 哪个元素被点击了？ 哪个事件类型发生了？ Event 对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！事件句柄 (Eve...转载 2018-03-12 20:38:29 · 176 阅读 · 0 评论 -
由link和@import的区别引发的CSS渲染杂谈
由link和@import的区别引发的CSS渲染杂谈 我们都知道，外部引入 CSS 有2种方式，link标签和@import。它们有何本质区别，有何使用建议，在考察外部引入 CSS 这部分内容时，经常被提起。如今，很多学者本着知其然不欲知其所以然的学习态度，不求甚解，只求结论。所以，本文遵循 css hack 的渐进识别原则，结论 → 区别 → 争议 → 细节 → 祖坟 → 感想，逐渐加深理论层级...转载 2018-03-15 19:30:36 · 274 阅读 · 0 评论 -
浅谈session,cookie,sessionStorage,localStorage的区别及应用场景
浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：cookie保存在浏览器端，session保存在服务器端2、使用方式：（1）cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏...转载 2018-03-15 11:37:12 · 1158 阅读 · 0 评论 -
详说 Cookie, LocalStorage 与 SessionStorage
详说 Cookie, LocalStorage 与 SessionStorage最近在找暑期实习，其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西，问题大多是这样开头的：“你用过什么HTML5的技术呀？” 而后，每次都能扯到 Cookie 和 localStorage 有啥差别。这篇文章就旨在详细地阐述这部分内容，而具体 Web Storage API 的使用可以参考MDN的文档，就不...转载 2018-03-15 11:32:22 · 302 阅读 · 0 评论 -
HTML事件属性：onmouseover、onmouseout、onmouseenter、onmouseleave
onmouseover 属性在鼠标指针移动到元素上时触发。onmouseout 属性在鼠标指针移动到元素外时触发。指定元素的子元素时也触发该事件;(父亲有的东西,儿子也有) ，支持冒泡，含子元素区域。 onmouseenter 事件在鼠标指针移动到元素上时触发。onmouseleave 事件在鼠标指针移出元素时触发。指定的子元素不包含该事件；(父亲的东西就是父亲的,不归...原创 2019-01-14 22:04:33 · 3196 阅读 · 0 评论