圖解HTML之文檔結(jié)構(gòu)
發(fā)表時(shí)間：2023-09-12 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]本文主要為大家分享一篇圖解HTML之文檔結(jié)構(gòu)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧。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之文檔結(jié)構(gòu)的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧。
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é)束的。 也就是說，網(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è)為例：
由上圖可也看到，百度首頁(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)行說明，幫助瀏覽器正確地顯示網(wǎng)頁(yè) web世界中有很多類型的文檔，瀏覽器只有明確了文檔的類型，才能更準(zhǔn)確地顯示文檔。所以我們應(yīng)該文每一個(gè)文檔增加< !DOCTYPE>進(jìn)行文檔類型說明。< !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)容。也就是說，注釋的內(nèi)容不會(huì)在瀏覽器上顯示出來(lái)。
最后，線上HTML文檔的完整結(jié)構(gòu)：
<!DOCTYPE html><!--推薦使用HTML5文檔類型--><html>
<head>
<title>文檔標(biāo)題</title>
...... </head>
<body>
文檔主要內(nèi)容：文本、圖像、音頻、視頻、超鏈接等。 </body></html>
相關(guān)推薦:
HTML5文檔結(jié)構(gòu)分析
HTML5:組織文檔結(jié)構(gòu)
HTML文檔結(jié)構(gòu)
以上就是圖解HTML之文檔結(jié)構(gòu)的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
