> 웹 프론트엔드 > H5 튜토리얼 > HTML5新增的结构元素

HTML5新增的结构元素

WBOY
풀어 주다: 2016-05-17 09:08:17
원래의
2207명이 탐색했습니다.

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...

    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    최신 이슈
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿