《jQuery移動開發》——2.1 語義HTML5

非同步社群發表於2017-05-02

本節書摘來非同步社群《jQuery移動開發》一書中的第2章,第2.1節,作者:【美】Kris Hadlock,更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視。

2.1 語義HTML5

jQuery移動開發
可訪問性(Accessibility)是jQuery Mobile框架的主要焦點。這是該框架在語義HTML基礎上構建,以及它可用於最廣泛的裝置範圍的原因之一。框架用於支援A級瀏覽器的技術,甚至為具有VoiceOver for Apple iPhone等讀屏器的使用者提供訪問。

jQuery Mobile將其框架支援分為3層分級列表,層次命名為A、B和C。A層是全部支援;B層是除了Ajax之外的全部支援;C層是基本支援。

標準的語義HTML為你建立一個可供最大範圍使用者訪問且無須自行測試的移動網站提供了保證。這就是jQuery Mobile框架的威力。

建立一個HTML5模板
使用HTML5建立一個基本頁面模板十分簡單。所需要的就是新增一個宣告,後面跟上標準的HTML,例如html、head、title和body開始/結束元素。這個宣告必須是HTML5文件的第一個內容,因為它告訴瀏覽器使用的HTML版本,這樣瀏覽器才能解釋標記。

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
<body>
</body>
</html>```


相關文章