HTML5—新語(yǔ)義元素header、nav、section、article、aside、footer等

在HTML5中相對(duì)于以往版本的文檔書(shū)寫方面，追加了一些標(biāo)簽。如頁(yè)眉、頁(yè)腳、內(nèi)容區(qū)等等的元素結(jié)構(gòu)。其中在主體結(jié)構(gòu)元素中增加了article及section元素。那么他們兩個(gè)有什么區(qū)別呢，什么時(shí)候用article，什么是用section

什么是article：HTML5中的article標(biāo)簽是什么？HTML5中的article元素用在什么地方？

今天就讓我們來(lái)講講新語(yǔ)義元素中的 section 元素的定義：

section ：它定義文檔中的節(jié)（section、區(qū)段）。比如章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其他部分，section通常 包含了一組內(nèi)容及其標(biāo)題。

HTML5中section元素的作用：

section元素是對(duì)頁(yè)面上的內(nèi)容分塊處理，例如對(duì)文章分段等，相鄰的section元素的內(nèi)容，應(yīng)當(dāng)是相關(guān)的，而不是像article那樣獨(dú)立。例如一篇文章：

 article  header h1 計(jì)算機(jī)各類語(yǔ)言介紹 /h1 /header  p 本文列舉了部分計(jì)算機(jī)語(yǔ)言的一些介紹 /p  section  h2 JavaScript /h2  p js是一門…… /p  /section  section  h2 HTML /h2  p HTML是一門…… /p  /section  footer 版權(quán)歸微也所有 /footer  /article 

HTML5中的section標(biāo)簽怎么居中：

我是覺(jué)得使用css樣式，text-align：center，這個(gè)來(lái)居中，來(lái)看看實(shí)例：

 !DOCTYPE HTML  html  meta charset= UTF-8 /  head  title PHP  /title  /head  script src= http://lwww.survivalescaperooms.com/jquery/2.0.0/jquery.min.js /script  script type= text/javascript  /script  style type= text/css  html, body { margin: 0; padding: 0; .demo {} /style  body  div >
盡管section元素在技術(shù)上是可以設(shè)計(jì)樣式的，但是當(dāng)有復(fù)雜的樣式或腳本時(shí)，我們?nèi)越ㄗh使用div元素。
類似于 li 元素，section元素是用來(lái)列舉內(nèi)容的。
因此在現(xiàn)實(shí)例子中，使用 section 元素的原因是結(jié)構(gòu)化的列出博客的內(nèi)容，代碼如下：
 div >
 這只是個(gè)例子， section 元素也可以用作其他用途。
【元素有話說(shuō)】
section：
hello，ladies and gentlemen，我是section。我參加的國(guó)際會(huì)議，是這么介紹我的，“The section element represents a generic section of a document or application. A section , in this context, is a thematic grouping of content, typically with a heading.” 我是帶有語(yǔ)義的div，“Examples of sections would be chapters, the various tabbed pages in a tabbed dialog box, or the numbered sections of a thesis. A Web site’s home page could be split into sections for an introduction, news items, and contact information.”我出席的場(chǎng)景一般是有文章的章節(jié)、標(biāo)簽對(duì)話框中的標(biāo)簽頁(yè)、或者論文中有編號(hào)的部分。一個(gè)網(wǎng)站的主頁(yè)可以分成簡(jiǎn)介、新聞和聯(lián)系信息等幾部分。我不僅僅是一個(gè)普通的容器標(biāo)簽。當(dāng)一個(gè)標(biāo)簽只是為了樣式化或者方便腳本使用時(shí)，應(yīng)該去找我的朋友 div 。一般來(lái)說(shuō)，當(dāng)元素內(nèi)容明確地出現(xiàn)在文檔大綱中時(shí)，我是很好的人選。通常會(huì)帶有標(biāo)題， section h1 /h1 p /p /section 。我會(huì)用于對(duì)網(wǎng)站或者應(yīng)用程序中頁(yè)面上的內(nèi)容進(jìn)行分塊。
【相關(guān)推薦】
HTML IMG標(biāo)簽的屬性是有哪些？了解IMG標(biāo)簽的用法
HTML5中web是什么？web存儲(chǔ)中的元素有哪些？
以上就是HTML5中的section標(biāo)簽是什么？HTML5中的section標(biāo)簽怎么居中？的詳細(xì)內(nèi)容，其它編程語(yǔ)言        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。