天天看點

《HTML5開發手冊》——2.8 初學者“菜單”:為多個元素添加相同的超連結

本節書摘來自異步社群《html5開發手冊》一書中的第2章,第2.8節,作者: 【美】chuck hudson , 【英】tom leadbetter 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

html5中一個非常實用的新特性是将某些元素組合起來,顯示單個連結來提供更寬的點選空間。而在以前,我們需要使用javascript或一系列組合元素才能完成這種功能。

在html 4中,在編寫新聞或部落格首頁等含有衆多文章連結的頁面時,我們需要使用代碼2.13的方法使每個項目都可點選。

代碼2.13 在html 4中包裹連結

《HTML5開發手冊》——2.8 初學者“菜單”:為多個元素添加相同的超連結

代碼2.14所示為在html5中直接使用一個a元素做到這一點。

代碼2.14 在html5中包裹連結

《HTML5開發手冊》——2.8 初學者“菜單”:為多個元素添加相同的超連結

https://yqfile.alicdn.com/2e157d450a3880c721532ad9e6afc2709da9c34f.png" >

雖然可以直接将article元素放在a元素中,但是目前這将造成一些浏覽器的相容問題。是以,我們不建議這樣使用。

繼續閱讀