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

很多時候?qū)W網(wǎng)頁制作開發(fā)的時候第一看到的印象深刻的就是html或htm后綴結(jié)尾的網(wǎng)頁,我們把這類網(wǎng)頁歸結(jié)為靜態(tài)網(wǎng)頁,偽靜態(tài)除外。
那html或htm與其它如php、asp、aspx、jsp等后綴結(jié)尾的網(wǎng)頁有什么區(qū)別呢?
首先,html頁面是靜態(tài)的從頭到尾沒有程序的執(zhí)行是純的html語言,是不經(jīng)過服務(wù)器處理就直接送出給瀏覽器呈現(xiàn)給瀏覽者。
而其他后綴的結(jié)尾的網(wǎng)頁相對來說就是動態(tài)網(wǎng)頁頁面,動態(tài)頁面是經(jīng)過服務(wù)器對各自的程序翻譯處理、數(shù)據(jù)庫操作等處理然后才由瀏覽器把服務(wù)器處理完的數(shù)據(jù)程序給用戶,而網(wǎng)頁內(nèi)容數(shù)據(jù)可以隨后臺數(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 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)題部分-動力節(jié)點(diǎn)</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 lang="zh-CN"> <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還是其它后綴的動態(tài)頁面其html語言結(jié)構(gòu)都是這樣的,只是在命名網(wǎng)頁文件時以不同的后綴結(jié)尾。
1、無論是動態(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)鍵字描述" /> ”這兩個標(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)頁閉合。
以上是一個完整的最簡單的html語言基本結(jié)構(gòu),通過以上可以再增加更多的樣式和內(nèi)容充實(shí)網(wǎng)頁。
注意:網(wǎng)頁一般的根據(jù)xhtml標(biāo)準(zhǔn)都要求每個標(biāo)簽閉合,如:以<html> 開始,以</html>閉合;如果沒有閉合如<meta name="keywords" content="關(guān)鍵字" />就沒有</meta> 就要<meta />來完成閉合。
以上就是通俗來講的最簡單的html語言結(jié)構(gòu),如果需要看更多更豐富的html語言結(jié)構(gòu),可打開一個網(wǎng)站的網(wǎng)頁,然后點(diǎn)擊瀏覽器的“查看”--然后點(diǎn)擊“查看源代碼”即可看見該網(wǎng)頁的html語言結(jié)構(gòu),這樣可以根據(jù)此源代碼來分析此網(wǎng)頁的HTML語言結(jié)構(gòu)與內(nèi)容。
相關(guān)文章
- HTML是由標(biāo)志和屬性構(gòu)成的,它們一起被用來告訴瀏覽器應(yīng)該如何顯示一頁文檔。標(biāo)志用來引用一段文字或是一幅圖片等文檔部件,屬性是標(biāo)志的選項(xiàng),在標(biāo)志中修飾,如顏色,對齊2009-04-02
- HTML是由標(biāo)志和屬性構(gòu)成的,它們一起被用來告訴瀏覽器應(yīng)該如何顯示一頁文檔。標(biāo)志用來引用一段文字或是一幅圖片等文檔部件,屬性是標(biāo)志的選項(xiàng),在標(biāo)志中修飾,如顏色,對齊2008-10-17
html5組織文檔結(jié)構(gòu)_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了html5組織文檔結(jié)構(gòu)的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-11html5頁面結(jié)構(gòu)_動力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了html5頁面結(jié)構(gòu),對于HTML5來講,在網(wǎng)頁結(jié)構(gòu)上標(biāo)簽定義與使用更加語義化,有興趣的可以了解一下2017-07-10HTML5的文檔結(jié)構(gòu)和新增標(biāo)簽完全解析
這篇文章主要介紹了HTML5的文檔結(jié)構(gòu)和新增標(biāo)簽完全解析,需要的朋友可以參考下2017-04-21- 這篇文章給大家介紹了html5文檔結(jié)構(gòu)標(biāo)簽的相關(guān)知識,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧2017-04-21
- 這篇文章主要介紹了HTML基本標(biāo)簽及結(jié)構(gòu)詳解,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-11-23