2012-02-13 52 views
5

如:在標題標籤內放置一個標記是否符合語義?

<header id="mainHeader"> 
     <hgroup> 
       <h1>Title</h1> 
       <h2>Sub Title</h2> 
      </hgroup> 
      <aside> 
       <p>Some content within the header but isn't as important.</p> 
       <p>Some content within the header but isn't as important line 2.</p> 
      </aside>    
    </header> 

這樣做的原因,如上所示,是我有一些內容屬於報頭(例如,信息的短塊),但只能以某種方式相關,但沒有真正和h1和h2標籤一樣重要。

或者我應該只使用正常的div?

+0

「P」標籤也有關,如H1和H2不是那麼重要了,所以這將語義確定沒有預留太多,我猜。 雖然我不確定是否可以或不可以放在一邊。 – Cmorales 2012-02-13 14:29:52

+1

Btw'hgroup'現在已經過時了。 http://www.webmonkey.com/2013/04/w3c-drops-hgroup-tag-from-html5-spec/ – 2013-11-16 04:52:51

回答

5

按照HTML5草案,<aside>內容是切向的主要內容,所以這不是重要的,但關注的話題。 <aside>元素可能包含令人震驚的消息,這些消息與無聊頁面的無聊內容相切。

真正重要的是什麼其他人可能看你的HTML標記誰去想它。類似<header><aside>has recently been characterized新元素的「語義」(由Hixie的HTML5編輯器)作爲主要涉及簡化編寫和維護的。

如果自己並不確定「語義」,那麼其他人也會遇到困難。因此,僅使用<div class="foo">可能更安全,其中foo以某種方式表徵了內容的作用。

+0

...或者'''

''' – 2014-05-01 21:19:04

0

語義,旁白應該與他們的父元素的內容的方式,既突出了一些內容或做一些事情來概括或增強內容。想想你的內容打破了第四道牆。

換句話說,是你的問題,但沒有你的例子。如果您的報價或解釋與報表中的內容直接相關,請務必使用預留元素。如果您的內容與其他內容不一樣重要,則可以使用<section>代替。

+0

我同意你的回答,除了「部分」部分。該規範說,如果你不需要,你不應該使用部分而不是div。只有在您有標題的情況下才能使用版塊。在最初的例子中,我認爲簡單的div是最好的選擇。 – Cmorales 2012-02-16 09:53:36

相關問題