HTML 5 与HTML 4 的区别 + HTML5 语义化布局（一）

来源：互联网发布：介绍编程的书编辑：程序博客网时间：2024/06/05 08:17

HTML5网站链接：Ghost
菜鸟文档教程链接：HTML5 教程 || 视频教程链接：WEB大前端工程师
新特性：
1. 用于绘画的 canvas 元素
2. 用于媒介回放的 video 和 audio 元素
3. 对本地离线存储的更好的支持
4. 新的特殊内容元素： article、footer、header、nav、section
5. 新的表单控件：calendar、date、time、email、url、search
2006 年HTML 5出现的原因：
1. Web浏览器之间的兼容性很低：H5的目标是使其规范化、标准化，【HTML5 是下一代 HTML 标准】
2. 文档结构不够明确：H5添加很多跟结构相关的元素【语义化】
3. Web应用程序的功能受到了限制：【H5丰富这些功能】
4. 知名浏览器厂商的支持（IE9+）
HTML 5 与HTML 4 的区别：
1. 内容类型不变: text/html .html .htm
2. DOCTYPE 声明统一、简单化: <!DOCTYPE html>
3. 指定字符编码: 简单的<meta charset=“UTF-8”>，charset【字符集】
4. 可省略标记的元素：body html head tbody colgroup
5. 具有Boolean的属性: checked checked=“checked" checked=“"
6. 省略引号: checked=checked
全局属性：
1. class规定元素的类名（classname）
2. designMode=“on”：设置网页可编辑
3. hidden 属性规定对元素进行隐藏，通知浏览器不渲染这个元素
4. spellcheck：检测元素是否拼写错误，如单词拼错则会在单词下面添加红色波浪线
5. tabindex设置元素的 Tab 键控制次序。，通过这个属性来让一些本不能获取到的让它获取焦点
HTML5 新增的的非主体结构元素
1. time 元素: datatime
2. pubdate 属性：当前具体的发布时间
<main> 元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。
注释：在一个文档中，不能出现一个以上的 <main> 元素。<main> 元素不能是以下元素的后代：<article>、<aside>、<footer>、<header> 或 <nav>。
<hgroup>：多个标题的时候使用
<address>:不应该使用 <address> 标签来描述邮政地址，除非这些信息是联系信息的组成部分

1 0