适用于此“图标”块的HTML语法

时间:2011-09-20 19:29:17

标签: html css syntax icons

好的,所以我试图重新制作我的网站,我想问一下这种HTML语法是否合适。

HTML代码是这样的:

<a href="http://the_url.com" target="_blank">
    <img src="../img/id.png" width="32" height="32" alt="id" />
    <h4>Title</h4>
    <p class="des">Description</p>
</a>

对于CSS我主要使标签显示为块。

这是正确的编码还是我应该以不同的方式重新制作?您可以在http://varemenos.com

查看示例

3 个答案:

答案 0 :(得分:2)

根据<a>标记的HTML5 specification,此语法有效。它不是以前的HTML版本。

如果构造符合其语义含义仍由您和实际内容决定。如果你将它用于短文本片段(特别是在描述中),我认为这很好。如果内容变得更长,您可能需要考虑将其拆分并将锚点向下移动到层次结构中,以使用户更清楚地了解页面的哪些部分实际上是链接目标。

答案 1 :(得分:1)

本网站可能会让您感兴趣:W3 validator

根据验证人的说法,您的网站的HTML5有效。

答案 2 :(得分:-1)

您在内联元素(h4)中使用了块元素(pa)。这不是“正确的”。

可以通过添加CSS规则来解决此问题,以便a具有display:blockdisplay: inline-block