代码改变世界

新增的语义化标签

2016-07-17 17:44  袁叶子  阅读(210)  评论(0编辑  收藏  举报

新增的语义化标签

section标签 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等标签结合起来使用,表示文档结构。例:HTML5中 <section>……</section>HTML4中<div> ……</div>。 article标签 。, 表示页面中一块与上下文不相关的独立内容。比如一篇文章。 aside标签 表示article标签内容之外的、与article标签内容相关的辅助信息。 header标签 表示页面中一个内容区块或整个页面的标题。 hgroup标签 表示对整个页面或页面中的一个内容区块的标题进行组合。 footer标签 表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。 nav标签 表示页面中导航链接的部分。 figure标签 表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用figcaption标签为figure标签组添加标题。例如: <figure> <figcaption>PRC</figcaption>  <p>The People's Republic of China was born in 1949</p> </figure> HTML4中常写作 <dl> <h2>prc</h2> <p>The People's Republic of China was born in 1949</p> </dl>

新增表单控件标签 email 必须输入email url 必须输入url地址 number 必须输入数值 range 必须输入一定范围内数值 Date Pickers(日期选择器) 拥有多个可供选取日期和时间的新输入类型: date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取时间(小时和分钟) datetime - 选取时间、日、月、年(UTC 时间) datetime-local - 选取时间、日、月、年(本地时间) search 用于搜索域,域显示为常规的文本域。 color 截图示明表单新增控件: