很多時候學網頁製作開發的時候第一看到的印象深刻的就是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包括htmlDOCTYPE聲明、title標題、head、網頁編碼聲明等內容
最初使用完整的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>標題部分-動力節點</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>網頁標題</title> <meta name=keywords content=關鍵字/> <meta name=description content=此網頁描述/> </head> <body> 網頁正文內容</body> </html>
無論是html還是其它後綴的動態頁面其html語言結構都是這樣的,只是在命名網頁文件時以不同的後綴結尾。
1、無論是動態還是靜態頁面都是以<html>開始,然後在網頁最後以</html>結尾。
2、<html>後接著是<head>頁頭,其在<head></head>中的內容是在瀏覽器中內容無法顯示的,這裡是給服務器、瀏覽器、鏈接外部JS、a鏈接CSS樣式等區域,而裡面<title></title>中放置的是網頁標題。
3、接著<meta name=keywords content=關鍵字/> <meta name=description content=本頁描述或關鍵字描述/> 這兩個標籤裡的內容是給搜索引擎看的說明本頁關鍵字及本張網頁的主要內容等SEO可以用到。
4、接著就是正文<body></body> 也就是常說的body區,這裡放置的內容就可以通過瀏覽器呈現給用戶,其內容可以是table表格佈局格式內容,也可以DIV佈局的內容,也可以直接是文字。這裡也是最主要區域,網頁的內容呈現區。
5、最後是以</html> 結尾,也就是網頁閉合。
以上是一個完整的最簡單的html語言基本結構,通過以上可以再增加更多的樣式和內容充實網頁。
注意:網頁一般的根據xhtml標準都要求每個標籤閉合,如:以<html> 開始,以</html>閉合;如果沒有閉合如<meta name=keywords content=關鍵字/>就沒有</meta> 就要<meta/>來完成閉合。
以上就是通俗來講的最簡單的html語言結構,如果需要看更多更豐富的html語言結構,可打開一個網站的網頁,然後點擊瀏覽器的查看--然後點擊查看源代碼即可看見該網頁的html語言結構,這樣可以根據此源代碼來分析此網頁的HTML語言結構與內容。