@[TOC]HTML5的新特性
HTML5的新特性
大家好，这是我有生以来写的第一篇博客，如有错误欢迎大家指正。
mark标签
mark
- 用于显示页面中需要重点关注的内容,就像看书需要用荧光笔划重点一样
- 浏览器通常会用黄色显示mark标注的内容
time标签
time
- 用来显示被标注内容是日期、时间或者日期时间
- 常用属性
datetime:该属性主要用于向机器提供时间,datetime属性的属性值应该符合yyyy-MM-ddTHH:mm格式的日期时间，当然也可以只指定日期或者只指定时间
pubdate:是一个支持boolean值的属性,用于表明是否为发布日期 - 如果time元素本身就满足标准的日期时间格式，那么可以不用指定datetime属性
今天是<time datetime="2018-05-01">2018年5月</time>。<br />
上课时间是<time datetime="09:00">早上9点</time>。<br />
我们将于<time datetime="2019-01-08T09:00">正月初八</time>结束课程。<br />
明年<time>2019-02-01</time>大家就可以上班了。<br />
本次通知的发布时间是<time datetime="2018-05-24T19:06" pubdate>2018年5月24</time>article_section文档/分块标签
article
- 代表一篇独立的文档内容，可以是一片文章或者一篇短文，通常由标题和内容组成
- 可以使用header定义文档的标题
- 可以使用footer定义文档的脚注
- 可以使用子article划分文档的多个段落
- 可以使用section对文档进行分块
section
对页面的内容进行分块，通常也可以由标题和内容组成
二者的区别
article侧重于文档 section侧重于分块
footer_header头尾标签
header
- 通常用于代表标题，但是和h1到h6不一样,h1-h6仅代表标题,
- header代表头部分,header范围更广,header可以包含h1-h6,也可以包含p或者span或者nav等标签
- 一般header所代表的的标题内容更加丰富
footer
代表脚注部分,可以包含一些版权信息或者脚注部分,一般代表附加说明信息
nav_aside
nav
专门用于页面上的导航栏 如上方的主导航条,侧边导航栏,页面内部导航栏,页面底部导航栏
aside
- 专门用于定义当前页面和当前文章的附属信息,通常推荐将aside元素渲染成侧边栏
- 将aside元素放在body的内部,表明为整个页面添加边栏
- 将aside元素防在其他元素内部,表明为父元素添加边栏
main主体内容标签
一个HTML文档最多只应该包含一个main元素,该元素用于包含网页中除导航栏/logo/版权信息等之外的内容
detail_summary标签
- 用于显示一段详细信息或者某个主题的细节
- 该元素通常会和summary元素结合使用,当把summary放在details的内部时,summary用于为details定义摘要信息
- 摘要信息默认是可见的,当用户点击信息是,浏览器会显示details信息的详细内容
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
