我正在使用显示块超链接使整行可以像这样点击,类似的东西可以在youtube链接上看到(右边的视频列表)。我很担心因为锚标签中有很多文字,除标题外,还有简短的desc和类别。
<style type="text/css">
a.listarticle {display:block}
a.listarticle .title {font-weight:bold}
</style>
<a class="listarticle" href="url">
<span class="title" title="Article Title"><strong>Article Title</strong></span>
<br />
<span class="desc">Article short description</span>
<span class="categories">Music, Animals...</span>
</a>
这可能是一个更好的解决方案吗?现在锚只包含文章标题,整行可以通过javascript点击 - 锚仍然存在?我对此非常困惑。我更喜欢第一个解决方案,但我不确定第一个解决方案是否会对搜索引擎产生负面影响,因为除了标题之外,还有很多其他嘈杂的单词。
<div onclick="window.location='url'">
<a href="url">Article Title</a>
<br />
<span class="desc">Article short description</span>
<br />
<span class="categories">Music, Animals...</span>
</div>
答案 0 :(得分:3)
你不应该涉及JS。这应该得到你所需要的。
<div>
<a href="url">
<span class="title" title="Article Title"><strong>Article Title</strong></span>
<br />
<span class="desc">Article short description</span>
<br />
<span class="categories">Music, Animals...</span>
</a>
</div>
你甚至可以取消“&lt; div&gt;”元素和“display:block”表示具有“.myBigLink”类的锚点。
(我个人会失去“&lt; br /&gt;”但这不是你问过的。)