WonderCSS

HTML5常用的新标签

最近逐渐的开始使用html5开发页面,就浅显的角度来说 html5 的新标签极大的解放了 DIV 的压力。它让无论是搜索引擎还是编码工作者能更直观的了解页面中的内容区分。

比如以前我们写烂了的 <div id=”header”></div>
在html5中能更直观的写出来: <header></header> 。这样编写更方便,对SEO也有更好的亲和性。

HTML5常用布局标签
HTML5常用布局标签

今暂时将一些常用的新标签记录下来:

<section> – 代表文档中的一段或者一节;

<nav> – 用于构建导航;

<article> – 表示文档、页面、应用程序或网站中一体化的内容;

<aside> – 代表与页面内容相关、有别于主要内容的部分;

<hgroup> – 用于对h1-h6的标题组合

HTML5 标签规范化更新 hgroup 已经被W3C废除

<header> – 页面的页眉;

<footer> – 页面的页脚;

<time> – 表示日期和时间;

<mark> – 文档中需要突出的文字。

<figure> – 标签规定独立的流内容(图像、图表、照片、代码等等)。

请使用 <figcaption> 元素为 figure 添加标题

<canvas> – 标签定义图形,比如图表和其他图像。标签只是图形容器,您必须使用脚本来绘制图形。

By 于湛 发布于 2013.02.3 1,566 次浏览

HTML5常用的新标签》上有1条评论

  1. Pingback引用通告: 规范的网页设计该如何布局 | WonderCSS

发表评论

电子邮件地址不会被公开。 必填项已用*标注