2016-08-20 100 views
2

我在頁面頂部有一個主要圖像。爲簡單起見我的樣式表/佈局工作,我有它在它自己的部分:HTML:我應該爲主圖像創建一個部分嗎?

<section class="container page-intro boxed-none"> 

    <figure> 
     <img class="width100" src="article-image.png" alt="Template Article" /> 
    </figure> 

</section> 

當我使用W3C驗證,它表明一個部分有一個標題。有沒有適當的標記讓我的HTML這樣,還是應該修改?

+0

沒有錯佈局(當然我不知道這是怎麼回事HTML ...的那部分的周圍) – zer00ne

+0

這很難讓我們不知道怎麼說該圖像與您網頁上其餘的標記和內容相關,並且不知道圖像本身如何說明。 – Shaggy

回答

3

建議您始終在您的<section>中使用標題,但是如果您希望您沒有爲什麼使用它。 這裏是一個如何每個主要HTML5標籤可以/應該使用一些基本信息(我建議您閱讀底部相連的完整的源代碼):

部分 - 用於分組在一起的主題相關的內容。 聽起來像一個div元素,但事實並非如此。 div沒有語義 的含義。第元素替換所有的div之前,請務必 問自己:「難道所有相關的內容?」

一邊 - 用於切向相關內容。僅僅因爲某些 內容出現在主要內容的左側或右側是不夠的原因,因爲使用了拋開元素。問問自己, 內的內容是否可以刪除而不會降低主要內容的含義。 Pullquotes是切線相關內容的一個例子。

header - header元素和 標題(或masthead)的通用接受用法之間存在着至關重要的區別。在頁面中通常只有一個標題或'masthead' 。在HTML5中,您可以根據需要提供儘可能多的 。該規範將其定義爲「一組介紹或導航輔助工具」。您可以在網站的任何部分使用標題。 實際上,您可能應該在 部分的大部分內使用標題。該規範描述了部分元素「專題 分組的內容,通常與標題。」

導航 - 面向主要的導航信息。分組在一起的一組鏈接 不足以使用nav元素。另一方面,導航屬於導航元素,因此導航範圍爲 。

頁腳 - 聽起來像是對位置的描述,但沒有。 頁腳元素包含有關其包含元素的信息:who 寫道它,版權,指向相關內容的鏈接等。而我們通常 對整個文檔有一個頁腳,HTML5允許我們在頁面中也有 頁腳。

來源: http://www.w3schools.com/html/html5_semantic_elements.asp

相關問題