欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML5 >

HTLM5中文档结构元素

 

1<article>:该元素用于代表页面上独立、完整的一篇文章,可以为一个帖子,一篇短文或一条回复等。总之,只要是一篇独立的文档内容就应该使用<article.../>元素来表示。它的规则如下:

<article.../>元素内部可使用<header.../>定义文章“标题”部分。

<article.../>元素内部可使用<footer.../>定义文章“脚注”部分。

<article.../>元素内部可使用多个<section.../>把文章内容分成几个“段落”。

<article.../>元素内部可嵌套多个<article.../>作为它的附属“文章”,比如一篇回复。

2<section>:该元素用于对页面的内容进行分块。通常也是由标题和内容组成。它的规则如下

通常建议该元素包含一个标题。

该元素可以包含多个<article.../>元素,表示该“分块”内部包含多篇文章。

该元素嵌套<section.../>元素,用于表示该分块包含多个子分块。

3<nav>:该元素用于定义页面上的“导航条”,包括页面上的主导航条,侧边的导航,页面内部的导航和下方的底部导航。将这些导航链接分别放在相应的<nav.../>元素中进行管理。

4<aside>:该元素用于定义页面或文章的附属信息,

5<header>:该元素用于为<article.../>元素定义文章“头部”信息,元素内部包含多个<h1.../>~<h6.../>这样的标题元素,也可包含<hgroup.../>元素,还能包含<p.../><span.../>等元素。

6.<header>:该元素主要用于组织多个<h1.../>~<h6.../>这样的标题元素。

7<footer>:该元素用于为<article.../>元素定义“脚注”部分。

8<figure.../>:该元素表示一块独立的“图片区域”,内部可包含一个或多个<img.../>元素所代表的图片,还可以包含<figcaption.../>元素,定义“图片区域”的标题。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h30844.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-06-17 08:10 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。