您好,登錄后才能下訂單哦!
這篇文章主要介紹了HTML文檔結構的示例分析,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
HTML文檔的結構,我們可以將它理解為網頁的語法結構,一種編碼的格式。這個文檔結構可以使網頁的編寫變得非常的規范。規范的代碼可以增加代碼可讀性,看起來也顯得更加的專業。
HTML文檔總是以< html>標簽開始并以< /html>結束的。 也就是說,網頁的內容全部全部包含在< html>與< /html>之間。現在知道的HTML文檔結構如下:
<html>......</html>
所有的HTML文件都有兩個主要結構:頭部head和主體body。 通常將文檔的描述信息放在頭部,而將文檔的主題信息(瀏覽器上顯示的信息)放在主體部分。第一次更新HTML文檔結構為:
<html> <head> ...... </head> <body> ...... </body></html>
標題是HTML文檔頭部最重要的信息。 每個文檔都應該有一個標題,可以讓游客看到網頁的標題就知道該網頁的主要內容是什么。那么標題在網頁上顯示在哪里呢?以百度的主頁為例:
由上圖可也看到,百度首頁的標題就是“百度一下,你就是道”
文檔標題放在文檔頭部的< title>與< /title>之間。其結構如下:
<head> <title>文檔標題</title></head>
HTML文檔的主體部分包含了在網頁中顯示的文本、圖像、超鏈接等 在文檔的主體部分主要放也寫你想要給用戶看,或者用戶想看的內容。主體部分以< body>標簽開始,并以< /body>結束。其結構如下:
<body> 文檔主要內容:文本、圖像、音頻、視頻、超鏈接等。</body>
利用< !DOCTYPE>對文檔類型進行說明,幫助瀏覽器正確地顯示網頁 web世界中有很多類型的文檔,瀏覽器只有明確了文檔的類型,才能更準確地顯示文檔。所以我們應該文每一個文檔增加< !DOCTYPE>進行文檔類型說明。< !DOCTYPE>位于< html>標簽之前。
在 HTML4.01中,文檔類型聲明如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
在 HTML5 中,文檔類型聲明很簡單:
<!DOCTYPE html>
在編程時,往往需要添加注釋來保持自己的邏輯清晰,并且增加代碼的E可讀性。在HTML文檔中添加注釋的方法為:
<!--注釋內容-->
瀏覽器在讀取HTML文檔時,自動忽略注釋的內容。也就是說,注釋的內容不會在瀏覽器上顯示出來。
最后,線上HTML文檔的完整結構:
<!DOCTYPE html><!--推薦使用HTML5文檔類型--><html> <head> <title>文檔標題</title> ...... </head> <body> 文檔主要內容:文本、圖像、音頻、視頻、超鏈接等。 </body></html>
感謝你能夠認真閱讀完這篇文章,希望小編分享的“HTML文檔結構的示例分析”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。