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