對(duì)比起XHTML來(lái)說(shuō),HTML5通過(guò)更簡(jiǎn)單的元素引起了一系列的思考,坦誠(chéng)地講,這真的是急需的簡(jiǎn)化。這些簡(jiǎn)化之一就是能夠通過(guò)<a>標(biāo)簽包裝像div,h標(biāo)簽(h1...h6),和段落標(biāo)記P 這些塊級(jí)元素。你沒看錯(cuò):用一個(gè)A標(biāo)簽包裹塊級(jí)元素(譯者注: 在HTML5以前,a標(biāo)簽屬于行內(nèi)元素,而div,h1,p 等為塊級(jí)元素,如果強(qiáng)行包裹,可能會(huì)被強(qiáng)行截?cái)酁槎鄠€(gè)a標(biāo)簽。當(dāng)然,都是瀏覽器的事啦。).
示例代碼:
代碼如下:
<body>
<a href="/about-page.php">
<div class="article">
<h1>關(guān)于 David Walsh</h1>
<p>
原文作者是27歲的 Web Developer, 并且是jQuery & MooTools方面的專家級(jí)顧問(wèn),地址為 Madison, Wisconsin. 同時(shí)也是Wynq Web 實(shí)驗(yàn)室的創(chuàng)始人兼主程 . 格言:“我并不設(shè)計(jì)網(wǎng)站,只是讓他們跑起來(lái).”
</p>
</div>
</a>
</body>
就是這樣,一個(gè)A標(biāo)簽包裹著div,p,h1這樣的元素,需要注意的是,你不能在一個(gè)A標(biāo)簽內(nèi)包含另一個(gè)A標(biāo)簽,否則發(fā)生什么事,可能是各個(gè)瀏覽器不一致的。
你如何看待?
對(duì)于用A標(biāo)簽包含著塊級(jí)元素我很矛盾,快速查看時(shí)感覺就像一堆垃圾代碼。另一方面,為了回避這種方式,我們一直使用JavaScript來(lái)處理。可點(diǎn)擊元素的目的就是為了完成任務(wù)和功能,而使用原生HTML來(lái)完成這種功能比起JS來(lái)說(shuō)更自然,有時(shí)候肯定會(huì)很方便。我想問(wèn)的是:對(duì)于這個(gè)實(shí)踐你如何看待?你能立即使用嗎?請(qǐng)分享您的觀點(diǎn)!
(譯者注:在譯者的項(xiàng)目里,一個(gè)組員就使用了這個(gè)功能。在MyEclipse里面看著很難過(guò),因?yàn)槭且欢训狞S色警告。但是客觀來(lái)說(shuō),有時(shí)候有些代碼確實(shí)很有效,比如什么<red>之類的)