Home > Web Front-end > H5 Tutorial > HTML5新增的结构元素

HTML5新增的结构元素

WBOY
Release: 2016-05-17 09:08:17
Original
2206 people have browsed it

HTML 5中,新增了以下与结构相关的元素:

 

section元素


section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分。它可以与h1h2h3h4h5h6等元素结合起来使用,标示文档结构。


HTML 5中代码示例:

...

HTML 4中代码示例:

...

 

article元素


article元素表示页面中的一块与上下文不相关的独立内容,譬如博客中的一篇文章或报纸中的一篇文章。


HTML 5中代码示例:

...

HTML 4中代码示例:

...

 

aside元素


aside元素表示article元素的内容之外的、与article元素的内容相关的辅助信息。


HTML 5中代码示例:

 

HTML 4中代码示例:

...

 

header元素


header元素表示页面中一个内容区块或整个页面的标题。


HTML 5中代码示例:

...

HTML 4中代码示例:

...

 

hgroup元素


hgroup元素用于对整个页面或页面中一个内容区块的标题进行组合。


HTML 5中代码示例:

...

HTML 4中代码示例:

...

 

footer元素


footer元素表示整个页面或页面中一个内容区块的脚注。一般来说,它会包含创作者的姓名、创作日期以及创作者联系信息。


HTML 5中代码示例:

HTML 4中代码示例:

...

 

nav元素


nav元素表示页面中导航链接的部分。

HTML 5中代码示例:

HTML 4中代码示例:

     

    figure元素

    figure元素表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元。使用 figcaption元素为figure元素组添加标题。


    HTML 5中代码示例:

    PRC

    The People's Republic of China was born in 1949...

    HTML 4中代码示例:

    PRC

    The People's Republic of China was born in 1949...

    source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template