天天看點

《HTML5開發手冊》——2.4 初學者“菜單”:使用address元素提供通信資訊

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

規範中将address元素定義為“分節元素”,與nav或article類似。不過,我們将它放在本章講解,主要因為我們認為它作為文本級語義更為合适,原因是它的用法與文字内容相關,而不是頁面布局。

多年以來,web開發人員一直錯誤地使用了address元素。它并非顯示通用郵寄位址(通常在某個“聯系我們”頁面中)的通用方式。是以,下面這種使用方式是錯誤的:

《HTML5開發手冊》——2.4 初學者“菜單”:使用address元素提供通信資訊

https://yqfile.alicdn.com/5d7e6c79b8f2819a353ee62a65ec91bd293107a4.png" >

為了澄清這一點,html5将address元素定義為:顯示與它最近的article或body元素的通信資訊。

此定義的含義是什麼?它表示你應該使用address元素來顯示目前article作者或整個頁面的通信資訊。因為可以在article中使用address,是以這也意味着在一個頁面中可以多次使用address元素。address元素的内容可以是電子郵件位址、網址、電話号碼、郵寄位址或其他任何通信資訊。

由于address元素用于通信資訊,是以通常會在footer中使用到address。代碼2.5使用了兩次address元素:一次用于首頁面内容的作者,另一次用于顯示整個網站的作者。

代碼2.5 多次使用address元素

《HTML5開發手冊》——2.4 初學者“菜單”:使用address元素提供通信資訊

繼續閱讀