歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!

阿森纳热刺 www.tzxsac.com.cn 很多時候學網頁制作開發的時候第一看到的印象深刻的就是html或htm后綴結尾的網頁,我們把這類網頁歸結為靜態網頁,偽靜態除外。

那html或htm與其它如php、asp、aspx、jsp等后綴結尾的網頁有什么區別呢?
首先,html頁面是靜態的從頭到尾沒有程序的執行是純的html語言,是不經過服務器處理就直接送出給瀏覽器呈現給瀏覽者。
而其他后綴的結尾的網頁相對來說就是動態網頁頁面,動態頁面是經過服務器對各自的程序翻譯處理、數據庫操作等處理然后才由瀏覽器把服務器處理完的數據程序給用戶,而網頁內容數據可以隨后臺數據改變而改變。

那html基本語言機構是怎么樣的呢?
先看一下的html結構
 

  1. <html>  
  2. <head>  
  3. <title>放置文章標題</title>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //這里是網頁編碼現在是gb2312 
  5. <meta name="keywords" content="關鍵字" />  
  6. <meta name="description" content="本頁描述或關鍵字描述" /> 
  7. </head> 
  8. <body> 
  9. 這里就是正文內容 
  10. </body> 
  11. </html> 

完整HTML包括html DOCTYPE聲明、title標題、head、網頁編碼聲明等內容
最初使用完整的html源代碼

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="//www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  6. <title>標題部分-阿森纳热刺 www.tzxsac.com.cn</title> 
  7. <meta name="keywords" content="關鍵字" />  
  8. <meta name="description" content="本頁描述或關鍵字描述" /> 
  9. </head> 
  10. <body> 
  11. 內容 
  12. </body> 
  13. </html> 

最新完整HTML結構-HTML源代碼(推薦):

  1. <!DOCTYPE html>  
  2. <html lang="zh-CN"> 
  3. <head> 
  4. <meta charset="utf-8"> 
  5. <title>網頁標題-阿森纳热刺 www.tzxsac.com.cn</title> 
  6. <meta name="keywords" content="關鍵字" /> 
  7. <meta name="description" content="此網頁描述" /> 
  8. </head> 
  9. <body> 
  10. 網頁正文內容-阿森纳热刺 www.tzxsac.com.cn  -DIVCSS5提供 
  11. </body> 
  12. </html> 


無論是html還是其它后綴的動態頁面其html語言結構都是這樣的,只是在命名網頁文件時以不同的后綴結尾。
1、無論是動態還是靜態頁面都是以“<html>”開始,然后在網頁最后以“</html>”結尾。
2、“<html>”后接著是“<head>”頁頭,其在<head></head>中的內容是在瀏覽器中內容無法顯示的,這里是給服務器、瀏覽器、鏈接外部JS、a鏈接CSS樣式等區域,而里面“<title></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語言結構與內容。  

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/html/h2.shtml