HTML

(一)html版本
1.Html4 常用的标签 标签加上属性
2.Html5 很多内容基于ES5、ES6;多用在移动端
(1) 声明为 HTML5 文档
(2) 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8,且对应文件保存的编码为UTF-8。
(二)html5新增的标签
1.用于绘画的 canvas 元素
2.HTML5 支持内联 SVG;SVG 使用 XML 格式定义图形
(1)Canvas 与 SVG 的比较
①Canvas
1)依赖分辨率
2)不支持事件处理器
3)弱的文本渲染能力
4)能够以 .png 或 .jpg 格式保存结果图像
5)最适合图像密集型的游戏,其中的许多对象会被频繁重绘
②SVG
1)不依赖分辨率
2)支持事件处理器
3)最适合带有大型渲染区域的应用程序(比如谷歌地图)
4)复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)
5)不适合游戏应用
3.用于媒介回放的 video 和 audio 元素
4.对本地离线存储的更好的支持
(1)localStorage - 没有时间限制的数据存储
(2)sessionStorage - 针对一个 session 的数据存储
5.新的特殊内容元素,比如 article、footer、header、nav、section
6.新的表单控件,比如 calendar、date、time、email、url、search
(1)新的的Input类型
①email
②Url
③Number
④Range
⑤Date pickers (date, month, week, time, datetime, datetime-local)
⑥Search
⑦Color
(2)新的表单元素
①Datalist
②Keygen
③Output
(3)新的表单属性
①Autocomplete
②Novalidate
③autofocus
7.draggable 属性 ==> HTML 5 拖放
8.Geolocation API 用于获得用户的地理位置
9.Application Cache 应用程序缓存
10.web worker 运行在后台的 JavaScript
(三)标签的分类
1.按照结构分
(1)单标签
(2)双标签
2.按照展现形式分
(1)行内(没有宽高,在一行中显示):a span
(2)行内块(有宽高,在一行中显示):img input
(3)块级(有宽高,独占一行):div ul li
①表格在工作中没有使用,工作中用ui和li来代替,表格会给浏览器造成非常大的负担

posted @ 2020-11-09 21:14  shuhongfan  阅读(54)  评论(0)    收藏  举报