首頁 > web前端 > html教學 > html的網頁結構由哪些部分組成

html的網頁結構由哪些部分組成

php中世界最好的语言
發布: 2017-11-23 16:25:04
原創
9454 人瀏覽過

我們都知道,開發一個網頁的時候一定是要先佈局網頁的結構和組成部分,那我們有哪些部分需要注意呢?下面跟大家總結歸納一下。

首先,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聲明、title標題、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>标题部分</title> 
<meta name="keywords" content="关键字" />  
<meta name="description" content="本页描述或关键字描述" /> 
</head> 
<body> 
内容 
</body> 
</html>
登入後複製

最新完整HTML結構-HTML原始碼(推薦):

<!DOCTYPE html>  
<html> 
<head> 
<meta charset="utf-8"> 
<title>网页标题</title> 
<meta name="keywords" content="关键字" /> 
<meta name="description" content="此网页描述" /> 
</head> 
<body> 
网页正文内容 
</body> 
</html>
登入後複製


無論是html還是其它後綴的動態頁面其html語言結構都是這樣的,只是在命名網頁檔案時以不同的後綴結尾。

1、無論是動態或靜態頁面都是以「」開始,然後在網頁最後以「」結尾。

2、「」後面接著是「」頁頭,其在

中的內容是在瀏覽器中內容無法顯示的,這裡是給伺服器、瀏覽器、連結外部JS、a連結CSS樣式等區域,而裡面「」中放置的是網頁標題,

3、接著「< ;meta name="keywords" content="關鍵字" /> 」這兩個標籤裡的內容是給搜尋引擎看的說明本頁關鍵字及本張網頁的主要內容等SEO可用。

4、接著就是正文「 」也就是常說的body區,這裡放置的內容就可以透過瀏覽器呈現給用戶,其內容可以是table表格佈局格式內容,也可以DIV版面的內容,也可以直接是文字。這裡也是最主要區域,網頁的內容呈現區。

5、最後是以「 」結尾,也就是網頁閉合。

以上是一個完整的最簡單的html語言基本結構,透過以上可以再增加更多的樣式和內容充實網頁。

注意:網頁一般的根據xhtml標準都要求每個標籤閉合,如:以 開始,以閉合;如果沒有閉合如就沒有 就要來完成閉合。

以上就是通俗來講的最簡單的html語言結構,如果需要看更多更豐富的html語言結構,可開啟一個網站的網頁,然後點選瀏覽器的「檢視」--然後點選「查看原始碼」即可看見該網頁的html語言結構,這樣可以根據此原始碼來分析此網頁的HTML語言結構與內容。  

HTML網頁的組成部分就這麼多了。更多精彩請關注php中文網其它相關文章!

相關推薦:

html 的

標籤需要怎麼使用

html文件類型宣告怎麼寫

怎麼讓網頁變黑白色

以上是html的網頁結構由哪些部分組成的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板