位置:首頁 > 軟件操作教程 > 編程開發(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)
返回頂部