很多時候?qū)W網(wǎng)頁制作開發(fā)的時候第一看到的印象深刻的就是html或htm后綴結(jié)尾的網(wǎng)頁，我們把這類網(wǎng)頁歸結(jié)為靜態(tài)網(wǎng)頁，偽靜態(tài)除外。
那html或htm與其它如php、asp、aspx、jsp等后綴結(jié)尾的網(wǎng)頁有什么區(qū)別呢？
首先，html頁面是靜態(tài)的從頭到尾沒有程序的執(zhí)行是純的html語言，是不經(jīng)過服務器處理就直接送出給瀏覽器呈現(xiàn)給瀏覽者。
而其他后綴的結(jié)尾的網(wǎng)頁相對來說就是動態(tài)網(wǎng)頁頁面，動態(tài)頁面是經(jīng)過服務器對各自的程序翻譯處理、數(shù)據(jù)庫操作等處理然后才由瀏覽器把服務器處理完的數(shù)據(jù)程序給用戶，而網(wǎng)頁內(nèi)容數(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)頁編碼現(xiàn)在是gb2312
<meta name="keywords" content="關(guān)鍵字" />
<meta name="description" content="本頁描述或關(guān)鍵字描述" />
</head>
<body>
這里就是正文內(nèi)容
</body>
</html>
完整HTML包括html DOCTYPE聲明、title標題、head、網(wǎng)頁編碼聲明等內(nèi)容
最初使用完整的html源代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 0 Transitional//EN"
"http://wwwworg/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="http://wwwworg/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>標題部分-動力節(jié)點</title>
<meta name="keywords" content="關(guān)鍵字" />
<meta name="description" content="本頁描述或關(guān)鍵字描述" />
</head>
<body>
內(nèi)容
</body>
</html>
最新完整HTML結(jié)構(gòu)-HTML源代碼(推薦)：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>網(wǎng)頁標題</title>
<meta name="keywords" content="關(guān)鍵字" />
<meta name="description" content="此網(wǎng)頁描述" />
</head>
<body>
網(wǎng)頁正文內(nèi)容
</body>
</html>
無論是html還是其它后綴的動態(tài)頁面其html語言結(jié)構(gòu)都是這樣的，只是在命名網(wǎng)頁文件時以不同的后綴結(jié)尾。
1、無論是動態(tài)還是靜態(tài)頁面都是以“<html>”開始，然后在網(wǎng)頁最后以“</html>”結(jié)尾。
2、“<html>”后接著是“<head>”頁頭，其在<head></head>中的內(nèi)容是在瀏覽器中內(nèi)容無法顯示的，這里是給服務器、瀏覽器、鏈接外部JS、a鏈接CSS樣式等區(qū)域，而里面“<title></title>”中放置的是網(wǎng)頁標題。
3、接著“<meta name="keywords" content="關(guān)鍵字" /> <meta name="description" content="本頁描述或關(guān)鍵字描述" /> ”這兩個標簽里的內(nèi)容是給搜索引擎看的說明本頁關(guān)鍵字及本張網(wǎng)頁的主要內(nèi)容等SEO可以用到。
4、接著就是正文“<body></body> ”也就是常說的body區(qū) ，這里放置的內(nèi)容就可以通過瀏覽器呈現(xiàn)給用戶，其內(nèi)容可以是table表格布局格式內(nèi)容，也可以DIV布局的內(nèi)容，也可以直接是文字。這里也是最主要區(qū)域，網(wǎng)頁的內(nèi)容呈現(xiàn)區(qū)。
5、最后是以“</html> ”結(jié)尾，也就是網(wǎng)頁閉合。
以上是一個完整的最簡單的html語言基本結(jié)構(gòu)，通過以上可以再增加更多的樣式和內(nèi)容充實網(wǎng)頁。
注意：網(wǎng)頁一般的根據(jù)xhtml標準都要求每個標簽閉合，如：以<html> 開始，以</html>閉合；如果沒有閉合如<meta name="keywords" content="關(guān)鍵字" />就沒有</meta> 就要<meta />來完成閉合。
以上就是通俗來講的最簡單的html語言結(jié)構(gòu)，如果需要看更多更豐富的html語言結(jié)構(gòu)，可打開一個網(wǎng)站的網(wǎng)頁，然后點擊瀏覽器的“查看”--然后點擊“查看源代碼”即可看見該網(wǎng)頁的html語言結(jié)構(gòu)，這樣可以根據(jù)此源代碼來分析此網(wǎng)頁的HTML語言結(jié)構(gòu)與內(nèi)容。
