2015-05-07 154 views
0

我有一個索引頁面,其中包含每個鏈接到其相應文章頁面的文章列表。然而,在每篇文章的標題中,還可能有可以單獨點擊的主題標籤(類似於Twitter/Instagram主題標籤)。塊鏈接內部鏈接

我知道HTML5不允許鏈接內部的鏈接或任何交互。我也知道谷歌更喜歡在一個包含元素的塊鏈接之上的更簡短的解釋性鏈接文本。

什麼是最好的方式來處理這個,保持有效的HTML5,也考慮到SEO。

這麼短暫放回代碼:

<article> 
<a href="/link_to_article"> 
    <h1>Title of article <a href="/search/#hashtag">hashtag</a></h1> 
    <p>Some brief text</p> 
</a> 
</article> 

也許我應該住到JavaScript來實現塊級鏈接?有興趣聽到你的意見。

回答

0

由於編寫了有效的代碼,我建議使用javascript onclick參數。類似於外部div換行上的onclick =「location.href ='/ link.html'」。不要使用內聯元素/ a-tag來包裝塊元素,例如h1,p,div ......。

1

只是讓他們分開的鏈接。

<article> 
    <h1> 
    <a href="/link_to_article"> 
     Title of article</h1> 
    </a> 
    <a href="/search/#hashtag">hashtag</a> 
    </h1> 
    <p><a href="/link_to_article">Some brief text</a></p> 
</article>