用於標記功能的HTML5 - 我應該使用哪些語義標籤？

Question

當談到編寫博客標記時，我完全理解文章和章節標籤的使用。但是我的標頭廣告部分有兩個小部件。一個嵌入了搜索引擎，另一個是市場副本，導致FAQ頁面。

這種情況下正確的HTML5標記是什麼？如何標記小部件功能？

Answer 1

我的標頭版塊有兩個小工具。一個搜索引擎嵌入...

搜索引擎嵌入？您的意思是搜索字段，即您可以在其中鍵入搜索字詞的文本字段？爲此，您需要<input type="search">。

...另一個是市場副本，導致FAQ頁面。

這是否真的有資格作爲「小工具」？如果它的營銷副本是「領先」常見問題解答頁面，那聽起來就像是一個鏈接，這個鏈接已經在HTML 1語義上用<a>元素在語義上表示。

HTML很簡單，你真的不想過度想它。你不需要特定的標籤來爲人們提供一個名字。 （什麼是「小部件」？難道它不只是頁面的一部分嗎？）對於大多數情況，<section> is fine。

Answer 2

雖然HTML5是一個很大的改進，但有一件事情沒有解決：什麼被認爲是適合每種情況的語義的主觀性。

而且，我懷疑HTML會解決這個問題。

如果您已經在頁面的其他更明顯的部分使用了HTML5容器，那麼我不會爲這些元素出汗太多。您可以將營銷材料放入aside。搜索可以被認爲是nav的一種形式。但是......如果你只是把它們粘在幾個div之內，我認爲不好的業力會以你的方式出現。 ;）