html內對於render現象 / 整塊 / 不行 / 壞掉

越來越多後台使用wp架構,而仰賴流量跟pv賺取$的農場網站,
紛紛不用theme,而另外設計切版,
這樣情況的總覽首頁、各分類首頁,都有文章塊狀可點擊連結的需求產生,
原來切版時,只是單純一篇文章的連結區塊,用一個大<a>包覆,如下圖:
alink_02
卻發現網頁呈現,使用瀏覽器檢查元素,發現整塊<a>能在區塊內自動產生無性生殖?
卻以<div>作為區隔而已,如下圖:
alink_02

上圖竟然以<div class="timer-main">為區隔,再上方即自動增加</a>作為結束,
連結這種是還是老實為好,將大圖+標題、時間發表、文章前文略述,
分三個部分各別寫<a>才是正確的作法。

發表留言