html5
文章平均质量分 76
hello_dashen
这个作者很懒,什么都没留下…
展开
-
文件 API
7. 文件 API 7.1. 读取本地文件信息 文件域对象可以获取用户选择文件的信息: 文件名 最近修改时间 文件大小 文件类型 var input = document.querySelector('#input_1'); var file = input.files[0]; file.name // 获取文件名 file.lastModifiedDate // 获取最近修改时间 file.size // 获取文件大小(单位KB) file.typ原创 2022-03-15 10:34:57 · 532 阅读 · 0 评论 -
HTML5- 拖放操作
8. 拖放操作 8.1. 网页内元素拖放 拖放是 HTML5 中非常常见的功能 我们可以通过在元素上添加draggable="true"属性实现元素允许被拖拽 提示:链接和图片默认是可拖动的,不需要 draggable 属性。 ondrag 事件在元素或者选取的文本被拖动时触发。 在拖放的过程中会触发以下事件: 在拖动目标上触发事件 (源元素): ondragstart - 用户开始...原创 2019-06-04 10:16:21 · 396 阅读 · 0 评论 -
JS 基础 API(新选择器、Element.classList、自定义属性 DATA-)
5. JS 基础 API 5.1. 新选择器 JavaScript在HTML5中多了一套原生选择器API 其功能类似jQuery选择器 写法上类似原本的document.getElementById(‘xxx’) var element1 = document.getElementById('section1'); √ 已经get var elements2 = document.getEle...原创 2019-06-04 10:12:59 · 452 阅读 · 0 评论 -
HTML5网页多媒体( 音频,视频,旧版本浏览器提示,格式兼容,多媒体标签属性)
4. 网页多媒体 4.1. 音频 定义音频播放组件 <audio src="要播放的音频文件"></audio> 4.2. 视频 定义播放视频组件 <video src="要播放的视频文件"></video> 4.3. 旧版本浏览器提示 如果HTML中遇到不能识别的标签,就会将该标签当做DIV(块级元素) 那么video中的innerH...原创 2019-06-04 10:10:50 · 1704 阅读 · 0 评论 -
HTNL5智能表单(新的表单类型、属性、虚拟键盘适配)
3. 智能表单 3.1. 新的表单类型 email - 限定输入内容为邮箱地址,表单提交时会校验格式 url - 限定输入内容为URL,表单提交时会校验格式 number - 限定输入内容为数字,表单提交时会校验格式 range - 数值范围选择器 Date Pickers - 日期时间选择器 样式不能修改,移动端用的比较多,因为移动端显示的是系统的时间或日期选择器 date - 选取日、月、...原创 2019-06-04 09:40:19 · 307 阅读 · 0 评论 -
H5新特性概要(HTML、JavaScript API、CSS)
1.5. H5新特性概要 我们这里只是列出了H5中所有的新特性,大部分内容会在以后的课程中专门学习 1.5.1. HTML 标签 更语义化标签 智能表单 新的表单类型,如:email,url,number 新增表单功能属性,如:autocomplete,autofocus 虚拟键盘适配,通过表单的类型决定移动端弹出的键盘类型 网页多媒体,我们可以在网页中直接通过原生方式播放视频音...原创 2019-06-04 09:38:15 · 268 阅读 · 0 评论 -
html总结
浏览器 浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等五大浏览器。 浏览器内核 浏览器内核 = 渲染引擎(取得网页内容html+css等,输出至显示器或打印机) + JS 引擎(解析js语言,实现动态效果;越来越独立,内核倾向于只指渲染引擎) 浏览器 浏览器前缀 内核 其他 IE -ms- Trident 猎豹、360、百度 Edge(Window10) -ms- EdgeHTML Firefox -mo原创 2019-05-31 15:34:38 · 437 阅读 · 0 评论