markup - 我如何在 HTML5 中最好地标记它？

Question

我去了这个网站:http://www.ignitionmedia.com.au/在横幅下面的首页上是“WEB DESIGN”、“WEB DEVELOPMENT”和“WEBSITE PROMOTION”

我想知道在 HTML5 中标记此类内容的最佳语义方式是什么。有小费吗？例如，是否应该存在 header 标签？

我的猜测可能是这样的，有没有更好的方法？

<section id="web-design">

    <h1>WEBSITE DESIGN</h1>

    <img src="img.png" alt="graphic" />

    <p>text here blah blah</p>

</section>

谢谢!

Answer 1

您的方法似乎很合理，并且在添加链接并设置样式后可以正常工作。我认为您可能可以证明使用 article 而不是 section 是合理的，因为 block 中的内容独立很好，但任何一个都应该有效。

这是我发现可以很好地选择合适元素的流程图:http://html5doctor.com/wp-content/uploads/HTML5Doctor-sectioning-flowchart.png