Heim > Web-Frontend > H5-Tutorial > Hauptteil

HTML5 新增结构元素

WBOY
Freigeben: 2016-05-17 09:08:17
Original
2002 Leute haben es durchsucht
HTML5 新增结构元素分为主体结构元素和非主体结构元素
•主体结构元素包括 article、section、nav、aside、time
•非主体结构元素包括 header、hgroup、footer、address

一、主体结构元素
article
article 标签,从语义化上看为文档、页面,其用法如下:
•通常是一篇文章、一个页面、一个独立完整的内容模块
•一般会带个标题,并放在 header 标签中
•article 元素可以互相嵌套
使用频率极高,强调独立性,多注意下与 header 标签的使用。
 

HTML5 新增结构元素

section
section 标签,从语义化上看为部分,其用法如下:

•用于页面内容的独立分块,往往是文章的一段
•通常由内容和标题组成,没有标题的内容不推荐使用 section
使用频率低,强调分段分块。

HTML5 新增结构元素

nav
nav 标签,从语义化上看为导航,其用法如下:

•通常作为页面导航的链接组
•侧边栏导航
使用频率高。

HTML5 新增结构元素

aside
aside 标签,从语义化上看为在旁边、侧边,其用法如下:

•在 article 标签中使用时,作为主要内容的附属信息部分,如有关的参考资料、名词解释等。
•在 article 标签外使用时,作为页面或者站点全局的附属信息部分,如侧边栏、博客的友情链接部分、广告区域等。

HTML5 新增结构元素

time
time 标签,从语义化上看为时间,其用法如下:

•代表 24 小时中的某个时刻或某个日期
•表示时刻时允许带时间差
•可定义很多格式的日期和时间
使用频率低。

HTML5 新增结构元素

12下一页

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!