位置：首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5 定義空白文檔

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-20

    完整的HTML文檔應(yīng)該包含兩部分結(jié)構(gòu)：頭部信息（<head>)和主體內(nèi)容（<body>)。為了使網(wǎng)頁內(nèi)容更加清晰、明確，容易被他人閱讀，或者被瀏覽器及各種設(shè)備所理解，新建HTML5文檔之后，需要構(gòu)建基本的網(wǎng)頁結(jié)構(gòu)。

    ■實(shí)例設(shè)計(jì)

    第1步，使用記事本新建一個(gè)文本文件，保存為index.html。

    第2步，輸入下面多行字符。注意，擴(kuò)展名為.html，而不是.txt。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title>網(wǎng)頁標(biāo)題</title>

</head>

<body>

</body>

</html>

    ■演示說明

    通過上面的演示代碼，可以看到每個(gè)網(wǎng)頁都由固定的結(jié)構(gòu)開始構(gòu)建。這個(gè)HTML頁面相當(dāng)于一張白紙，因?yàn)樵L問者看到的內(nèi)容位于主體部分（即<body>和</body>之間的部分），而這一部分現(xiàn)在是空的。

    每個(gè)網(wǎng)頁都包含DOCTYPE、html、head和body元素，它們是網(wǎng)頁的基礎(chǔ)。在這個(gè)頁面中，可以定制的內(nèi)容包括兩項(xiàng)：一是設(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>部分（簡(jiǎn)稱為DOCTYPE)告訴瀏覽器這是一個(gè)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>之間的文本。這些文本會(huì)出現(xiàn)在瀏覽器標(biāo)簽頁中。某些瀏覽器會(huì)在窗口的頂部顯示這 些文本，作為網(wǎng)頁的標(biāo)題顯示。此外，這些文本通常還是瀏覽器書簽的默認(rèn)名稱，它們對(duì)搜索引擎來說 也是非常重要的信息。


繼續(xù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部