HTML5 定義空白文檔
完整的HTML文檔應該包含兩部分結構:頭部信息(<head>)和主體內(nèi)容(<body>)。為了使網(wǎng)頁內(nèi)容更加清晰、明確,容易被他人閱讀,或者被瀏覽器及各種設備所理解,新建HTML5文檔之后,需要構建基本的網(wǎng)頁結構。
■實例設計
第1步,使用記事本新建一個文本文件,保存為index.html。
第2步,輸入下面多行字符。注意,擴展名為.html,而不是.txt。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>網(wǎng)頁標題</title>
</head>
<body>
</body>
</html>
■演示說明
通過上面的演示代碼,可以看到每個網(wǎng)頁都由固定的結構開始構建。這個HTML頁面相當于一張白紙,因為訪問者看到的內(nèi)容位于主體部分(即<body>和</body>之間的部分),而這一部分現(xiàn)在是空的。
每個網(wǎng)頁都包含DOCTYPE、html、head和body元素,它們是網(wǎng)頁的基礎。在這個頁面中,可以定制的內(nèi)容包括兩項:一是設置lang屬性的語言代碼,二 是<title>和</title>之間的文字。HTML使用“<”和“>”字符包圍HTML標簽。開始標簽(如<head>) 用于標記元素的開始,結束標簽(如</head>)用于標記元素的結束。有的元素沒有結束標簽,如meta。
頁面內(nèi)容位于主體部分,<body>開始標簽以上的內(nèi)容都是為瀏覽器和搜索引擎準備的。<!DOCTYPE html>部分(簡稱為DOCTYPE)告訴瀏覽器這是一個HTML5頁面。DOCTYPE應該始終位于代碼的第一行,寫在HTML頁面的頂部。
html元素包著頁面的其余部分,即<html>開始標簽和</html>結束標簽(表示頁面的結
尾)之間的內(nèi)容。
<head>和</head>標簽之間的區(qū)域表示網(wǎng)頁文檔的頭部。頭部代碼中,有一部分是瀏覽者可見的, 即<title>和</title>之間的文本。這些文本會出現(xiàn)在瀏覽器標簽頁中。某些瀏覽器會在窗口的頂部顯示這 些文本,作為網(wǎng)頁的標題顯示。此外,這些文本通常還是瀏覽器書簽的默認名稱,它們對搜索引擎來說 也是非常重要的信息。
點擊加載更多評論>>