HTML頁面結(jié)構(gòu)的示例分析

發(fā)布時間：2022-02-24 10:51:03 來源：億速云閱讀：114 作者：小新欄目：web開發(fā)

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

許多時刻學網(wǎng)頁出產(chǎn)墾荒的時辰第一看到的印象深入的便是html或htm后綴收尾的網(wǎng)頁，咱們把這類網(wǎng)頁歸納為靜態(tài)網(wǎng)頁，偽靜態(tài)除外。

那html或htm與其他如php、asp、aspx、jsp等后綴著末的網(wǎng)頁有什么判別呢？

起首，html頁面是靜態(tài)的自始至終不有軌范的實驗是純的html言語，是不經(jīng)由做事器處置懲罰就直接送出給涉獵器泛起給閱讀者。
而其他后綴的結(jié)尾的網(wǎng)頁相對于來說就是動靜網(wǎng)頁頁面，靜態(tài)頁面是經(jīng)由任事器對各自的順敘翻譯措置、數(shù)據(jù)庫操縱等處置懲罰往后才由瀏覽器把任事器處理完的數(shù)據(jù)軌范給用戶，而網(wǎng)頁形式數(shù)據(jù)也許隨后盾數(shù)據(jù)改動而改變。

那html根抵措辭機構(gòu)是怎樣樣的呢？
先看一下的html結(jié)構(gòu)：

<html> 
<head> 
<title>放置文章題目</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //這里是網(wǎng)頁編碼其時是gb2312 
<meta name="keywords" content="關(guān)鍵字" /> 
<meta name="description" content="本頁描寫或關(guān)鍵字描述" /> 
</head> 
<body> 
這里等于批注形式 
</body> 
</html>

完整HTML搜聚html DOCTYPE申明、title題目、head、網(wǎng)頁編碼申明等內(nèi)容

開頭運用殘破的html源代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>標題問題部份-css5.com.cn</title> 
<meta name="keywords" content="關(guān)頭字" /> 
<meta name="description" content="本頁描摹或環(huán)節(jié)字描寫" /> 
</head> 
<body> 
模式 
</body> 
</html>

最新殘缺HTML結(jié)構(gòu)-HTML源代碼(保舉)：

<!DOCTYPE html> 
<html lang="zh-CN"> 
<head> 
<meta charset="utf-8"> 
<title>網(wǎng)頁題目-css5.com.cn</title> 
<meta name="keywords" content="環(huán)節(jié)字" /> 
<meta name="description" content="此網(wǎng)頁刻畫" /> 
</head> 
<body> 
網(wǎng)頁標明形式-WWW.CSS5.COM -CSS5供給 
</body> 
</html>

不管是html還是其他后綴的動靜頁面其html措辭結(jié)構(gòu)都是這樣的，只是在定名網(wǎng)頁文件時以差別的后綴最后。

1、不管是消息照樣靜態(tài)頁面都因而“<html>”開始，而后在網(wǎng)頁最后以“</html>”末端。

2、“<html>”后接著是“<head>”頁頭，其在<head></head>中的模式是在涉獵器中模式無奈顯露的，這里是給干事器、閱讀器、鏈接外部JS、a鏈接CSS樣式等地區(qū)，而內(nèi)里“<title></title>”中布置的是網(wǎng)頁標題，會在閱讀器最左上看見如圖：

HTML頁面結(jié)構(gòu)的示例分析
title標簽?zāi)Ｊ斤@示身分圖

3、接著“<meta name="keywords" content="環(huán)節(jié)字" /> <meta name="description" content="本頁描摹或關(guān)頭字描摹" /> ”這兩個標簽里的內(nèi)容是給征采引擎看的闡明本頁環(huán)節(jié)字及本張網(wǎng)頁的首要內(nèi)容等SEO可能用到。

4、接著等于告白“<body></body> ”也等于常說的body區(qū) ，這里放置的模式就可以通過閱讀器出現(xiàn)給用戶，其模式概略是table表格組織名目內(nèi)容，也能夠或許DIV布局的模式，也大要直接是筆墨。這里也是最主要地域，網(wǎng)頁的形式泛起區(qū)。

5、最后因而“</html> ”末端，也就是網(wǎng)頁閉合。

以上是一個殘缺的最簡單的html言語根底結(jié)構(gòu)，通過以上可以再增長更多的樣式和形式十足網(wǎng)頁。

注意：網(wǎng)頁一般的依照xhtml尺度都要求每一個標簽閉合，如：以<html> 初步，以</html>閉合；若是沒有閉合如<meta name="keywords" content="要害字" />就沒有</meta> 就要<meta 模式。。。 />來完成閉合。

以上就是通俗來說的最簡單的html說話結(jié)構(gòu)，假如須要看更多更豐盛的html言語結(jié)構(gòu)，可打開一個web的網(wǎng)頁，然后點擊涉獵器的“查看”--今后點擊“搜查源代碼”即可瞥見該網(wǎng)頁的html措辭結(jié)構(gòu)，如許籠統(tǒng)依據(jù)此源代碼來賞析此網(wǎng)頁的HTML語言結(jié)構(gòu)與內(nèi)容。

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

向AI問一下細節(jié)

HTML頁面結(jié)構(gòu)的示例分析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽