標記語言——清單

互聯網 ? 發布時間：2008-10-17 18:57:09 ? 作者：佚名 ? 我要評論

標準化設計解決方案 - 標記語言和樣式手冊

Web Standards Solutions The Markup and Style Handbook

Part 1: Get Down With Markup 從標記語法談起

Chapter 1 清單

在網絡上幾乎每個頁面都能找到清單. 超鏈接清單;購物車物品清單;你中意的電影清單...甚至是整個網

方法 C: 接近了

ApplesSpaghettiGreen BeansMilk

方法C更加的接近完美的解決方案了,但是還是悲慘的失敗了,原因還是非常明顯:這仍然不符合標準的標記語法.

我們已經把

標簽關閉了,因為是塊級元素(block-level),因此在使用上可以去掉
標簽,這樣每個項目都獨占一行,但是,我們卻漏了它的外層結構,缺少了一個表示"這群項目是一個清單!"的元素.

從語義化的角度看這個問題也非常重要 — 清單是一組項目歸屬在一起,因此我們應該為它們加上這樣的標簽,此外,使用正確的清單標簽能清楚告訴瀏覽器,軟件或者顯示設備"這組項目是個清單!",語義化標簽的意義就在于將內容根據他們所屬的類別進行結構性的搭建.

塊級(block-level)與行內(inline): HTML元素可以分為塊級與行內兩大類型,塊級元素會從新行開始,最后接著一個斷行,而行內元素則會與其他的行內元素顯示在同一行內,塊級元素可以包括其他塊級元素和行內元素,而行內元素里面不能包含塊級元素.

塊級元素包括:

,

-

,

等等,行內元素包括:,,,等等.

如果以純XML的角度來看我們的食品清單,或許我們會使用這樣的方式進行標注:

Apples

Spaghetti

Green Beans

Milk

整個清單有一個容器元素,所有的食品項目都包含在里面,以這種方式歸類項目,可以基于XML的應用輕松的從清單里面抽取出所有的項目.

舉例來說,一個開發者需要編寫一份XSLT樣式表,將這個清單轉成xhtml,純文字,甚至是pdf文件,因為列表項目的結構表現的非常清晰,所以程序可以輕松的獲取信息并作出一些有用的處理.

雖然在這本書里我并不直接處理XML,但是這些原則也適用于XHTML世界,如果文檔使用非常語義化的標簽結構,將可以提升文檔今后的靈活度,不管是為結構清晰的文檔加上css樣式表還是修改容易理解的文檔 — 只要提供正確的結構,就能節省許多今后在維護時可能浪費掉的時間.

接著,我們仔細的看看方法D,看看這些怎么樣結合在一起 — 一個能被大多數瀏覽器和屏幕閱讀器識別并顯示的文檔,同時又允許我們使用各種不同的方法為文檔加上樣式.

相關文章

這篇文章主要介紹了html父子頁面iframe雙向發消息的實現示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來2020-10-12

這篇文章主要介紹了如何在HTML里加載攝像頭，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-29

這篇文章主要介紹了html-webpack-plugin使用，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-09-15

這篇文章主要介紹了html直接引用vue和element-ui的方法,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-09-02

這篇文章主要介紹了詳解HTML中字體使用line-height依然不能垂直居中解決辦法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友2020-08-20

這篇文章主要介紹了前端html換膚功能的實現代碼,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-08-20

這篇文章主要介紹了多個HTML頁面共同調用一段html代碼的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來2020-08-17

這篇文章主要介紹了HTML中圖片不存在顯示默認圖片的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來2020-08-17

這篇文章主要介紹了HTML table行距的改變方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學2020-07-31

這篇文章主要介紹了HTML Table 空白單元格補全的實現方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一2020-07-31

最新評論

總結

以上是生活随笔為你收集整理的html清单标签,标记语言——清单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。