html - 此 'icon' block 的正确 HTML 语法

标签 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,我主要是让标签显示为 block 。

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

最佳答案

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

如果构造适合其语义,则仍取决于您和实际内容。如果您将它用于简短的文本片段(尤其是在描述中),我认为这很好。如果内容变长,您可能需要考虑将其拆分并将 anchor 向下移动一点层次结构,以使用户更清楚页面的哪些部分实际上是链接目标。

关于html - 此 'icon' block 的正确 HTML 语法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7490700/

相关文章:

css - IE9 RTL后台定位

.net - C++/CLI中的变量参数列表

c++ - 如何在 C++ 中创建静态类?

Java 比较器语法可以工作,但为什么呢?

用于更改表单边框颜色的 Javascript 不起作用?

css - Django 模板 : Group items in Threes

jquery - 当我点击框外而不是点击隐藏框的链接时,如何隐藏这个黑框?

PHP:如何使用带有 HTML 净化器的 nl2br() 来保持换行符?

javascript - 使用纯 javascript 从 div 获取边框宽度

javascript - 在javascript中单击图像后更改图像(不使用下拉菜单)