HTML基本結(jié)構(gòu)_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

發(fā)布時(shí)間：2017-06-20 10:26:06 作者：佚名

HTML是創(chuàng)建網(wǎng)頁(yè)的基礎(chǔ)語(yǔ)言,如果不了解HTML就談不上網(wǎng)頁(yè)設(shè)計(jì)。以下是關(guān)于HTML基本結(jié)構(gòu)入門知識(shí)的講解

很多時(shí)候?qū)W網(wǎng)頁(yè)制作開發(fā)的時(shí)候第一看到的印象深刻的就是html或htm后綴結(jié)尾的網(wǎng)頁(yè)，我們把這類網(wǎng)頁(yè)歸結(jié)為靜態(tài)網(wǎng)頁(yè)，偽靜態(tài)除外。

那html或htm與其它如php、asp、aspx、jsp等后綴結(jié)尾的網(wǎng)頁(yè)有什么區(qū)別呢？

首先，html頁(yè)面是靜態(tài)的從頭到尾沒有程序的執(zhí)行是純的html語(yǔ)言，是不經(jīng)過(guò)服務(wù)器處理就直接送出給瀏覽器呈現(xiàn)給瀏覽者。
而其他后綴的結(jié)尾的網(wǎng)頁(yè)相對(duì)來(lái)說(shuō)就是動(dòng)態(tài)網(wǎng)頁(yè)頁(yè)面，動(dòng)態(tài)頁(yè)面是經(jīng)過(guò)服務(wù)器對(duì)各自的程序翻譯處理、數(shù)據(jù)庫(kù)操作等處理然后才由瀏覽器把服務(wù)器處理完的數(shù)據(jù)程序給用戶，而網(wǎng)頁(yè)內(nèi)容數(shù)據(jù)可以隨后臺(tái)數(shù)據(jù)改變而改變。

那html基本語(yǔ)言機(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)頁(yè)編碼現(xiàn)在是gb2312 
<meta name="keywords" content="關(guān)鍵字" />  
<meta name="description" content="本頁(yè)描述或關(guān)鍵字描述" /> 
</head> 
<body> 
這里就是正文內(nèi)容 
</body> 
</html>

完整HTML包括html DOCTYPE聲明、title標(biāo)題、head、網(wǎng)頁(yè)編碼聲明等內(nèi)容

最初使用完整的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>標(biāo)題部分-動(dòng)力節(jié)點(diǎn)</title> 
<meta name="keywords" content="關(guān)鍵字" />  
<meta name="description" content="本頁(yè)描述或關(guān)鍵字描述" /> 
</head> 
<body> 
內(nèi)容 
</body> 
</html>

最新完整HTML結(jié)構(gòu)-HTML源代碼(推薦)：

<!DOCTYPE html>  
<html lang="zh-CN"> 
<head> 
<meta charset="utf-8"> 
<title>網(wǎng)頁(yè)標(biāo)題</title> 
<meta name="keywords" content="關(guān)鍵字" /> 
<meta name="description" content="此網(wǎng)頁(yè)描述" /> 
</head> 
<body> 
網(wǎng)頁(yè)正文內(nèi)容
</body> 
</html>

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

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

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

3、接著“<meta name="keywords" content="關(guān)鍵字" /> <meta name="description" content="本頁(yè)描述或關(guān)鍵字描述" /> ”這兩個(gè)標(biāo)簽里的內(nèi)容是給搜索引擎看的說(shuō)明本頁(yè)關(guān)鍵字及本張網(wǎng)頁(yè)的主要內(nèi)容等SEO可以用到。

4、接著就是正文“<body></body> ”也就是常說(shuō)的body區(qū) ，這里放置的內(nèi)容就可以通過(guò)瀏覽器呈現(xiàn)給用戶，其內(nèi)容可以是table表格布局格式內(nèi)容，也可以DIV布局的內(nèi)容，也可以直接是文字。這里也是最主要區(qū)域，網(wǎng)頁(yè)的內(nèi)容呈現(xiàn)區(qū)。

5、最后是以“</html> ”結(jié)尾，也就是網(wǎng)頁(yè)閉合。

以上是一個(gè)完整的最簡(jiǎn)單的html語(yǔ)言基本結(jié)構(gòu)，通過(guò)以上可以再增加更多的樣式和內(nèi)容充實(shí)網(wǎng)頁(yè)。
注意：網(wǎng)頁(yè)一般的根據(jù)xhtml標(biāo)準(zhǔn)都要求每個(gè)標(biāo)簽閉合，如：以<html> 開始，以</html>閉合；如果沒有閉合如<meta name="keywords" content="關(guān)鍵字" />就沒有</meta> 就要<meta />來(lái)完成閉合。

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

Tag：基本結(jié)構(gòu) HTML

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

HTML基本結(jié)構(gòu)_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理

相關(guān)文章

最新評(píng)論

文章分類

大家感興趣的內(nèi)容

最近更新的內(nèi)容