用于标记功能的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之内，我认为不好的业力会以你的方式出现。 ;）