HTML&；CSS 3在锚定中跨越了不同的含义，或者使用位置来实现它；对吧；？

编辑：
如果改为日期，我需要描述怎么办？（我应该使用段落，并且为了验证，段落不能锚定，因为段落是块级别）
编辑结束

我相信你没有通过阅读标题理解我想要什么。
我不知道如何写一句话来总结我的问题

所以，这是我的问题：
我有锚与3个不同的东西里面>图标，标题和日期。每个都在不同的范围内。
我不知道这是不是正确的制作方法。

<ul id="m-items">
    <li>
        <a href="/post.php?name=ahf-_" class="m-item-header clear">
            <span class="m-item-icon"></span>
            <span class="m-item-title">ah%f#-$%^&amp;()_!</span>
            <span class="m-item-date">17 Feb 2013</span>
        </a>
    </li>
    <li>
        <a href="/post.php?name=d-3" class="m-item-header clear">
            <span class="m-item-icon"></span>
            <span class="m-item-title">d-3</span>
            <span class="m-item-date">16 Feb 2013</span>
        </a>
    </li>
</ul>

我找到了另一种方法，我认为这是正确的方法，但我不确定…
我的第二种方法是使用带有两个元素的div，锚和另一个包含文本的div。
每个都将处于绝对位置

<ul id="m-items">
    <li>
        <div class="m-item-header">
            <a href="/post.php?name=ahf-_"></a>
            <div class="m-item-header-content clear">
                <div class="m-item-icon"></div>
                <div class="m-item-title">ah%f#-$%^&amp;()_!</div>
                <div class="m-item-date">17 Feb 2013</div>
            </div>
        </div>
    </li>
    <li>
        <div class="m-item-header">
            <a href="/post.php?name=d-3"></a>
            <div class="m-item-header-content clear">
                <div class="m-item-icon"></div>
                <span class="m-item-title">d-3</span>
                <span class="m-item-date">16 Feb 2013</span>
            </div>
        </div>
    </li>
</ul>

ah%f#-$%；()_!
2013年2月17日


d-3
2013年2月16日

我想知道哪种方法是正确的，为什么（对于SEO和HTML本身）

编辑：
如果改为日期，我需要描述怎么办？（我应该使用段落，并且为了验证，段落不能锚定，因为段落是块级别）
编辑结束

---

~谢谢

这完全取决于你的口味

我更喜欢第一个，原因如下：

• 更少的标记->更好的概述和可维护性以及更小的文件大小
• 无绝对定位-应尽可能避免（代码的性能和健壮性）
• 语义更清晰-元素属于链接（如果标记是这样的话）

---

从SEO的角度来看，第一种解决方案显然更好，因为元素和链接之间的相关性是明确的，而第二种代码示例则不然。

不确定SEO的含义是什么（如果确实有），但两者对您的站点行为有不同的含义

第二个示例中的锚标记将不可拾取。如果里面没有某种内容，用户会觉得它什么都没有，而您试图实现的导航功能（如指向另一个页面的href所示）将无法工作

编辑

---

这就是我不先看小提琴的原因。是的，上面的说法是错误的，你是通过将你的主播置于其他内容之上来实现这一点的。我同意上面的海报，将内容包装在锚元素中在语义上是正确的，这是我的建议。

两者都不对，但也都不对。从可用性的角度来看，我强烈支持第一种方法，因为项目数据都包装在链接中，因此更易于导航。

出于SEO目的以及锚定标记的最佳实践使用，第二种方法是“错误的”基于div和两个跨度不包含在锚定标签内

这就是说，你肯定应该使用第一个，因为它在语义上更清晰易读，我很容易理解那里发生了什么。除此之外，跨度都包含在锚定标记中，对于SEO和HTML的正确使用，锚定标记在语法上都是正确的

---

除了使用UL和LI并将您的图标替换为“子弹”点之外，我想不出其他方法来实现这一点。

我想这两种方法都很好，我会保留第一种，更少的

divs

和更漂亮的代码：）。我们有一个

time

元素：@cimmanon不关心html5。在搜索引擎优化方面，你是否关心html5无关紧要：重要的是搜索引擎关心什么。如果谷歌关心

时间

标签，那么你不使用它就是在攻击自己的脚。