明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

html的頁面結(jié)構(gòu)由哪一些局部組成

[摘要]我們都知道,開發(fā)一個(gè)網(wǎng)頁的時(shí)候一定是要先布局網(wǎng)頁的結(jié)構(gòu)和組成部分,那么我們有哪些部分需要注意呢?下面給大家總結(jié)歸納一下。首先,html頁面是靜態(tài)的從頭到尾沒有程序的執(zhí)行是純的html語言,是不經(jīng)過服務(wù)器處理就直接送出給瀏覽器呈現(xiàn)給瀏覽者。而其他后綴的結(jié)尾的網(wǎng)頁相對(duì)來說就是動(dòng)態(tài)網(wǎng)頁頁面,動(dòng)態(tài)頁面是經(jīng)...
我們都知道,開發(fā)一個(gè)網(wǎng)頁的時(shí)候一定是要先布局網(wǎng)頁的結(jié)構(gòu)和組成部分,那么我們有哪些部分需要注意呢?下面給大家總結(jié)歸納一下。

首先,html頁面是靜態(tài)的從頭到尾沒有程序的執(zhí)行是純的html語言,是不經(jīng)過服務(wù)器處理就直接送出給瀏覽器呈現(xiàn)給瀏覽者。

而其他后綴的結(jié)尾的網(wǎng)頁相對(duì)來說就是動(dòng)態(tài)網(wǎng)頁頁面,動(dòng)態(tài)頁面是經(jīng)過服務(wù)器對(duì)各自的程序翻譯處理、數(shù)據(jù)庫操作等處理然后才由瀏覽器把服務(wù)器處理完的數(shù)據(jù)程序給用戶,而網(wǎng)頁內(nèi)容數(shù)據(jù)可以隨后臺(tái)數(shù)據(jù)改變而改變。

那html基本語言機(jī)構(gòu)是怎么樣的呢?

先看一下的html結(jié)構(gòu):

<html>  
<head>  
<title>放置文章標(biāo)題</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標(biāo)題、head、網(wǎng)頁編碼聲明等內(nèi)容

最初使用完整的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>標(biāo)題部分</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> 
<head> 
<meta charset="utf-8"> 
<title>網(wǎng)頁標(biāo)題</title> 
<meta name="keywords" content="關(guān)鍵字" /> 
<meta name="description" content="此網(wǎng)頁描述" /> 
</head> 
<body> 
網(wǎng)頁正文內(nèi)容 
</body> 
</html>


無論是html還是其它后綴的動(dòng)態(tài)頁面其html語言結(jié)構(gòu)都是這樣的,只是在命名網(wǎng)頁文件時(shí)以不同的后綴結(jié)尾。

1、無論是動(dòng)態(tài)還是靜態(tài)頁面都是以“<html>”開始,然后在網(wǎng)頁最后以“</html>”結(jié)尾。

2、“<html>”后接著是“<head>”頁頭,其在<head></head>中的內(nèi)容是在瀏覽器中內(nèi)容無法顯示的,這里是給服務(wù)器、瀏覽器、鏈接外部JS、a鏈接CSS樣式等區(qū)域,而里面“<title></title>”中放置的是網(wǎng)頁標(biāo)題,

3、接著“<meta name="keywords" content="關(guān)鍵字" /> <meta name="description" content="本頁描述或關(guān)鍵字描述" /> ”這兩個(gè)標(biāo)簽里的內(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)頁閉合。

以上是一個(gè)完整的最簡單的html語言基本結(jié)構(gòu),通過以上可以再增加更多的樣式和內(nèi)容充實(shí)網(wǎng)頁。

注意:網(wǎng)頁一般的根據(jù)xhtml標(biāo)準(zhǔn)都要求每個(gè)標(biāo)簽閉合,如:以<html> 開始,以</html>閉合;如果沒有閉合如<meta name="keywords" content="關(guān)鍵字" />就沒有</meta> 就要<meta 內(nèi)容。。。 />來完成閉合。

以上就是通俗來講的最簡單的html語言結(jié)構(gòu),如果需要看更多更豐富的html語言結(jié)構(gòu),可打開一個(gè)網(wǎng)站的網(wǎng)頁,然后點(diǎn)擊瀏覽器的“查看”--然后點(diǎn)擊“查看源代碼”即可看見該網(wǎng)頁的html語言結(jié)構(gòu),這樣可以根據(jù)此源代碼來分析此網(wǎng)頁的HTML語言結(jié)構(gòu)與內(nèi)容。

HTML網(wǎng)頁的組成部分就這么多了。更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!

相關(guān)推薦:

html 的<header>標(biāo)簽需要怎么使用

html文檔類型聲明怎么寫

怎么讓網(wǎng)頁變黑白色

以上就是html的網(wǎng)頁結(jié)構(gòu)由哪些部分組成的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。