HTML文檔結(jié)構(gòu)的示例分析

發(fā)布時(shí)間：2021-09-13 15:25:52 來(lái)源：億速云閱讀：128 作者：小新欄目：web開發(fā)

這篇文章主要介紹了HTML文檔結(jié)構(gòu)的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

HTML文檔的結(jié)構(gòu)，我們可以將它理解為網(wǎng)頁(yè)的語(yǔ)法結(jié)構(gòu)，一種編碼的格式。這個(gè)文檔結(jié)構(gòu)可以使網(wǎng)頁(yè)的編寫變得非常的規(guī)范。規(guī)范的代碼可以增加代碼可讀性，看起來(lái)也顯得更加的專業(yè)。

HTML文檔總是以< html>標(biāo)簽開始并以< /html>結(jié)束的。 也就是說(shuō)，網(wǎng)頁(yè)的內(nèi)容全部全部包含在< html>與< /html>之間?，F(xiàn)在知道的HTML文檔結(jié)構(gòu)如下：

<html>......</html>

所有的HTML文件都有兩個(gè)主要結(jié)構(gòu)：頭部head和主體body。 通常將文檔的描述信息放在頭部，而將文檔的主題信息（瀏覽器上顯示的信息）放在主體部分。第一次更新HTML文檔結(jié)構(gòu)為：

<html>
    <head>
        ......    </head>
    <body>
        ......    </body></html>

標(biāo)題是HTML文檔頭部最重要的信息。 每個(gè)文檔都應(yīng)該有一個(gè)標(biāo)題，可以讓游客看到網(wǎng)頁(yè)的標(biāo)題就知道該網(wǎng)頁(yè)的主要內(nèi)容是什么。那么標(biāo)題在網(wǎng)頁(yè)上顯示在哪里呢？以百度的主頁(yè)為例：
HTML文檔結(jié)構(gòu)的示例分析
由上圖可也看到，百度首頁(yè)的標(biāo)題就是“百度一下，你就是道”
文檔標(biāo)題放在文檔頭部的< title>與< /title>之間。其結(jié)構(gòu)如下：

<head>
    <title>文檔標(biāo)題</title></head>

HTML文檔的主體部分包含了在網(wǎng)頁(yè)中顯示的文本、圖像、超鏈接等 在文檔的主體部分主要放也寫你想要給用戶看，或者用戶想看的內(nèi)容。主體部分以< body>標(biāo)簽開始，并以< /body>結(jié)束。其結(jié)構(gòu)如下：

<body>
    文檔主要內(nèi)容：文本、圖像、音頻、視頻、超鏈接等。</body>

利用< !DOCTYPE>對(duì)文檔類型進(jìn)行說(shuō)明，幫助瀏覽器正確地顯示網(wǎng)頁(yè) web世界中有很多類型的文檔，瀏覽器只有明確了文檔的類型，才能更準(zhǔn)確地顯示文檔。所以我們應(yīng)該文每一個(gè)文檔增加< !DOCTYPE>進(jìn)行文檔類型說(shuō)明。< !DOCTYPE>位于< html>標(biāo)簽之前。
在 HTML4.01中，文檔類型聲明如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

在 HTML5 中，文檔類型聲明很簡(jiǎn)單：

<!DOCTYPE html>

在編程時(shí)，往往需要添加注釋來(lái)保持自己的邏輯清晰，并且增加代碼的E可讀性。在HTML文檔中添加注釋的方法為：

<!--注釋內(nèi)容-->

瀏覽器在讀取HTML文檔時(shí)，自動(dòng)忽略注釋的內(nèi)容。也就是說(shuō)，注釋的內(nèi)容不會(huì)在瀏覽器上顯示出來(lái)。

最后，線上HTML文檔的完整結(jié)構(gòu)：

<!DOCTYPE html><!--推薦使用HTML5文檔類型--><html>
    <head>
        <title>文檔標(biāo)題</title>
        ......    </head>
    <body>
        文檔主要內(nèi)容：文本、圖像、音頻、視頻、超鏈接等。    </body></html>

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“HTML文檔結(jié)構(gòu)的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

HTML文檔結(jié)構(gòu)的示例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽