萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> HTML頁面結構
HTML頁面結構
很多時候學網頁制作開發的時候第一看到的印象深刻的就是html或htm後綴結尾的網頁，我們把這類網頁歸結為靜態網頁，偽靜態除外。
那html或htm與其它如php、asp、aspx、jsp等後綴結尾的網頁有什麼區別呢?
首先，html頁面是靜態的從頭到尾沒有程序的執行是純的html語言，是不經過服務器處理就直接送出給浏覽器呈現給浏覽者。
而其他後綴的結尾的網頁相對來說就是動態網頁頁面，動態頁面是經過服務器對各自的程序翻譯處理、數據庫操作等處理然後才由浏覽器把服務器處理完的數據程序給用戶，而網頁內容數據可以隨後台數據改變而改變。
那html基本語言機構是怎麼樣的呢?
先看一下的html結構：
<html>
<head>
<title>放置文章標題</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //這裡是網頁編碼現在是gb2312
<meta name="keywords" content="關鍵字" />
<meta name="description" content="本頁描述或關鍵字描述" />
</head>
<body>
這裡就是正文內容
</body>
</html>
完整HTML包括html DOCTYPE聲明、標題、head、網頁編碼聲明等內容
最初使用完整的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>標題部分-www.divcss5.com</title>
<meta name="keywords" content="關鍵字" />
<meta name="description" content="本頁描述或關鍵字描述" />
</head>
<body>
內容
</body>
</html>
最新完整HTML結構-HTML源代碼(推薦)：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>網頁標題-www.divcss5.com</title>
<meta name="keywords" content="關鍵字" />
<meta name="description" content="此網頁描述" />
</head>
<body>
網頁正文內容-WWW.DIVCSS5.COM -DIVCSS5提供
</body>
</html>
無論是html還是其它後綴的動態頁面其html語言結構都是這樣的，只是在命名網頁文件時以不同的後綴結尾。
1、無論是動態還是靜態頁面都是以“”開始，然後在網頁最後以“”結尾。
2、“”後接著是“”頁頭，其在中的內容是在浏覽器中內容無法顯示的，這裡是給服務器、浏覽器、鏈接外部JS、鏈接CSS樣式等區域，而裡面“”中放置的是網頁標題，可在浏覽器最左上看見如圖：
TITLE顯示位置圖
3、接著“ ”這兩個標簽裡的內容是給搜索引擎看的說明本頁關鍵字及本張網頁的主要內容等SEO可以用到。
4、接著就是正文“ ”也就是常說的body區 ，這裡放置的內容就可以通過浏覽器呈現給用戶，其內容可以是table表格布局格式內容，也可以DIV布局的內容，也可以直接是文字。這裡也是最主要區域，網頁的內容呈現區。
5、最後是以“ ”結尾，也就是網頁閉合。
以上是一個完整的最簡單的html語言基本結構，通過以上可以再增加更多的樣式和內容充實網頁。
注意：網頁一般的根據xhtml標准都要求每個標簽閉合，如：以 開始，以閉合;如果沒有閉合如 就沒有 就要 來完成閉合。
以上就是通俗來講的最簡單的html語言結構，如果需要看更多更豐富的html語言結構，可打開一個網站的網頁，然後點擊浏覽器的“查看”--然後點擊“查看源代碼”即可看見該網頁的html語言結構，這樣可以根據此源代碼來分析此網頁的HTML語言結構與內容。
