天天看點

《HTML5 開發執行個體大全》——1.16 使用< html >根元素顯示文字

本節書摘來自異步社群《html5 開發執行個體大全》一書中的第1章,第1.16節,作者: 張明星 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

《HTML5 開發執行個體大全》——1.16 使用< html >根元素顯示文字

執行個體說明

在全新的html 5中,< html >元素用于告知浏覽器這是一個 html 文檔。html 元素是 html 文檔中最外層的元素,也經常被稱為根元素。< html >元素在浏覽器執行頁面時,告知它執行的是一個html文檔。在html 5與html 4.0.1版本中,該元素的差異不大,主要差別在于xmlns屬性。在html 4.0.1中,屬性xmlns是必需的,因為它将在html轉成xmlns的過程中發揮作用。而在html 5中,可以不必增加xmlns屬性。另外,在html 5中新增加了一個屬性“manifest”,用于指向文檔緩存資訊url。

< html >元素包含的屬性資訊如下所示。

manifest:值為url,用于定義一個 url,在這個 url 上描述了文檔的緩存資訊。

本執行個體的目的是,使用根元素< html >顯示一段文字。

具體實作

使用dreamweaver建立一個名為“016.html”的檔案,具體代碼如下所示:

在上述代碼中,< html >元素是最外層元素,它包括兩個主要的部分——頭部< head >與主體< body >。頭部又包含3個元素,其中< meta >元素的“charset”屬性描述頁面的字元集格式為“utf-8”類型,< title >元素說明頁面的标題内容,< style >元素中設定了頁面中< body >元素的字型樣式。在主體< body >部分中直接輸入頁面中需要顯示的文字。

執行後的效果如圖1-30所示。

《HTML5 開發執行個體大全》——1.16 使用< html >根元素顯示文字
下一篇: 網際網路

繼續閱讀