用JS即可，例如使用： document.getElementByTagName（） 獲取需要獲取的html標(biāo)簽
1、框架布局(使用DIV標(biāo)簽)
在網(wǎng)頁(yè)中框架布局一般使用DIV布局，無(wú)論大小DIV盒子一般均使用DIV標(biāo)簽(
2、列表型布局(使用ul li標(biāo)簽)
遇到圖片列表、文章標(biāo)題列表，通常使用ul li列表標(biāo)簽進(jìn)行布局。當(dāng)然使用這些標(biāo)簽時(shí)要進(jìn)行設(shè)置需要CSS樣式達(dá)到布局效果。這樣程序調(diào)用數(shù)據(jù)時(shí)候更容易做循環(huán)內(nèi)容。
3、標(biāo)題型布局(使用h1、h2、h3、h4標(biāo)簽)
遇到獨(dú)立的欄目標(biāo)題、正文標(biāo)簽，通常使用h1、h2、h3、h4標(biāo)題標(biāo)簽，這樣布局內(nèi)容具有層次感。同時(shí)考慮SEO來(lái)說(shuō)適當(dāng)使用這些標(biāo)題標(biāo)簽有利于優(yōu)化排名。
4、內(nèi)容獨(dú)立樣式型(使用span)
在一段文字中，有幾個(gè)文字需要單獨(dú)設(shè)置一個(gè)顏色值，這個(gè)時(shí)候可以對(duì)這幾個(gè)文字加span標(biāo)簽，對(duì)span標(biāo)簽單獨(dú)設(shè)置class或直接CSS樣式達(dá)到效果，一般來(lái)說(shuō)布局框架很少使用span。
5、功能型布局(img、b、strong、u、s等標(biāo)簽)
遇到網(wǎng)頁(yè)中引人圖片使用Img標(biāo)簽；遇到文字加粗可以使用b標(biāo)簽或strong標(biāo)簽、遇到下劃線可以使用u標(biāo)簽、遇到文字貫穿線(刪除線)使用s標(biāo)簽等，有時(shí)不一定使用CSS來(lái)實(shí)現(xiàn)這些功能布局，適當(dāng)選用這些HTML標(biāo)簽從SEO方面更加好些。
6、段落(p標(biāo)簽)
一般文章段落都是使用p標(biāo)簽，即每段文字開(kāi)始時(shí)候使用
結(jié)束時(shí)使用
，這樣文章段落分明。
7、手動(dòng)強(qiáng)行換行布局(br標(biāo)簽)
遇到文字需要換行的使用br標(biāo)簽即“
”，值得注意br標(biāo)簽是單獨(dú)的標(biāo)簽非盒子標(biāo)簽，獨(dú)立的一個(gè)標(biāo)簽，什么地方需要換行就使用br標(biāo)簽。
8、表格型(table表格標(biāo)簽)
在HTML布局中，學(xué)習(xí)DIV CSS并不意味著放棄table標(biāo)簽，這個(gè)有時(shí)還是需要table標(biāo)簽的，比如遇到表格型布局的，還是需要table tr td標(biāo)簽布局，這個(gè)時(shí)候使用表格布局優(yōu)于div標(biāo)簽。
9、表單布局(form、input等)
遇到表單布局，比如注冊(cè)、登錄、填寫(xiě)數(shù)據(jù)提交地方等，均是使用表單標(biāo)簽。
列表標(biāo)簽：
HTML 中有有序列表(ol)，無(wú)序列表(ul)和自定義列表(dl)。不管何種列表，其中只能涵蓋列表項(xiàng)標(biāo)簽（li），dl 標(biāo)簽除外。
html全稱為HyperText Mackeup Language，譯為超文本標(biāo)記語(yǔ)言，不是一種編程語(yǔ)言，是一種描述性的標(biāo)記語(yǔ)言，用于描述超文本中內(nèi)容的顯示方式。比如字體什么顏色，大小等。
超文本：音頻，視頻，圖片稱為超文本。
標(biāo)記 ：<英文單詞或者字母>稱為標(biāo)記，一個(gè)HTML頁(yè)面都是由各種標(biāo)記組成。
作用：編寫(xiě)HTML頁(yè)面。
注意：HTML語(yǔ)言不是一個(gè)編程語(yǔ)言(有編譯過(guò)程)，而是一個(gè)標(biāo)記語(yǔ)言(沒(méi)有編譯過(guò)程)，HTML頁(yè)面直接由瀏覽器解析執(zhí)行。
2、HTML的歷史：
我們專門(mén)來(lái)對(duì)XHTML做一個(gè)介紹。
XHTML介紹：
XHTML：Extensible Hypertext Markup Language，可擴(kuò)展超文本標(biāo)注語(yǔ)言。
XHTML的主要目的是為了取代HTML，也可以理解為HTML的升級(jí)版。
HTML的標(biāo)記書(shū)寫(xiě)很不規(guī)范，會(huì)造成其它的設(shè)備(ipad、手機(jī)、電視等)無(wú)法正常顯示。
XHTML與HTML4.0的標(biāo)記基本上一樣。
XHTML是嚴(yán)格的、純凈的HTML。
編寫(xiě)XHTML的規(guī)范：
（1）所有標(biāo)記元素都要正確的嵌套，不能交叉嵌套。正確寫(xiě)法舉例：<h1><font></font></h1>
（2）所有的標(biāo)記都必須小寫(xiě)。
（3）所有的標(biāo)記都必須關(guān)閉。
雙邊標(biāo)記：<span></span>
單邊標(biāo)記：<br> 轉(zhuǎn)成 <br /> <hr> 轉(zhuǎn)成 <hr />還有<img src=“URL” />
（4）所有的屬性值必須加引號(hào)。<font color="red"></font>
（5）所有的屬性必須有值。<hr noshade="noshade">、<input type="radio" checked="checked" />
（6）XHTML文檔開(kāi)頭必須要有DTD文檔類型定義
3、HTML的網(wǎng)絡(luò)術(shù)語(yǔ)：
網(wǎng)頁(yè) ：由各種標(biāo)記組成的一個(gè)頁(yè)面就叫網(wǎng)頁(yè)
主頁(yè)(首頁(yè)) : 一個(gè)網(wǎng)站的起始頁(yè)面或者導(dǎo)航頁(yè)面
標(biāo)記： <p>稱為開(kāi)始標(biāo)記 ，</p>稱為結(jié)束標(biāo)記，也叫標(biāo)簽。每個(gè)標(biāo)簽都規(guī)定好了特殊的含義。
元素：<p>內(nèi)容</p>稱為元素.
屬性：給每一個(gè)標(biāo)簽所做的輔助信息。
xhtml： 符合XML語(yǔ)法標(biāo)準(zhǔn)的HTML。
dhtml：dynamic，動(dòng)態(tài)的。javascript + css + html合起來(lái)的頁(yè)面就是一個(gè)dhtml。
http：超文本傳協(xié)議。用來(lái)規(guī)定客戶端瀏覽器和服務(wù)端交互時(shí)數(shù)據(jù)的一個(gè)格式。SMTP 郵件傳輸協(xié)議，ftp:文件傳輸協(xié)議。
4、HTML的編輯工具：
NotePad：記事本。
EditPlus：語(yǔ)法高亮顯示。技巧： 根據(jù)顏色判斷單詞是否出錯(cuò) （不是100%）。不好的地方：沒(méi)有代碼提示。
UltraEdit：根據(jù)顏色判斷單詞是否出錯(cuò)，可以顯示2進(jìn)制數(shù)據(jù)。
Sublime：新一代的代碼編輯器。
dw(dreamweaver，專業(yè)工具) ：建立WEB站點(diǎn)和應(yīng)用程序的專業(yè)工具。它將布局功能、開(kāi)發(fā)工具、代碼編輯組合在一起。有代碼提示。
5、計(jì)算機(jī)編碼介紹：
計(jì)算機(jī)只能處理二進(jìn)制的數(shù)據(jù)，其它數(shù)據(jù)，比如：0-9、a-z、A-Z，這些字符，我們定義一套規(guī)則來(lái)表示。假如：A用110表示，B用111表示等。
ASCII碼：
美國(guó)發(fā)布的，用1個(gè)字節(jié)(8位二進(jìn)制)來(lái)表示一個(gè)字符，共可以表示2^8=256個(gè)字符。
美國(guó)的國(guó)家語(yǔ)言是英語(yǔ)，只要能表示0-9、a-z、A-Z、特殊符號(hào)。
ANSI編碼：
每個(gè)國(guó)家為了顯示本國(guó)的語(yǔ)言，都對(duì)ASCII碼進(jìn)行了擴(kuò)展。用2個(gè)字節(jié)(16位二進(jìn)制)來(lái)表示一個(gè)漢字，共可以表示2^16＝65536個(gè)漢字。例如：
中國(guó)的ANSI編碼是GB2312編碼(簡(jiǎn)體)，對(duì)6763漢字進(jìn)行編碼，含600多特殊字符。另外還有GBK(簡(jiǎn)體)。
日本的ANSI編碼是JIS編碼。
臺(tái)灣的ANSI編碼是BIG5編碼（繁體）。
GBK：
對(duì)GB2312進(jìn)行了擴(kuò)展，用來(lái)顯示罕見(jiàn)的、古漢語(yǔ)的漢字。現(xiàn)在已經(jīng)收錄了2.1萬(wàn)左右。并提供了1890個(gè)漢字碼位。K的含義就是“擴(kuò)展”。
Unicode編碼(統(tǒng)一編碼)：
用4個(gè)字節(jié)(32位二進(jìn)制)來(lái)表示一個(gè)字符，想法不錯(cuò)，但效率太低。例如，字母A用ASCII表示的話一個(gè)字節(jié)就夠，可用Unicode編碼的話，得用4個(gè)字節(jié)表示，造成了空間的極大浪費(fèi)。A的Unicode編碼是0000 0000 0000 0000 0000 0000 0100 0000
UTF-8(Unicode Transform Format)編碼：
根據(jù)字符的不同，選擇其編碼的長(zhǎng)度。比如：一個(gè)字符A用1個(gè)字節(jié)表示，一個(gè)漢字用2個(gè)字節(jié)表示。
毫無(wú)疑問(wèn)，開(kāi)發(fā)中，都用UTF-8編碼吧，準(zhǔn)沒(méi)錯(cuò)。
6、HTML顏色介紹：
顏色表示：
純單詞表示：red、green、blue、orange、gray等
10進(jìn)制表示：rgb(255,0,0)
16進(jìn)制表示：#FF0000、#0000FF、#00FF00等
RGB色彩模式：
自然界中所有的顏色都可以用紅、綠、藍(lán)(RGB)這三種顏色波長(zhǎng)的不同強(qiáng)度組合而得，這就是人們常說(shuō)的三原色原理。
RGB三原色也叫加色模式，這是因?yàn)楫?dāng)我們把不同光的波長(zhǎng)加到一起的時(shí)候，可以得到不同的混合色。例：紅+綠=黃色，紅+藍(lán)＝紫色，綠+藍(lán)=青
在數(shù)字視頻中，對(duì)RGB三基色各進(jìn)行8位編碼就構(gòu)成了大約1678萬(wàn)種顏色，這就是我們常說(shuō)的真彩色。所有顯示設(shè)備都采用的是RGB色彩模式。
RGB各有256級(jí)(0-255)亮度，256級(jí)的RGB色彩總共能組合出約1678萬(wàn)種色彩，即256×256×256=16777216
二、HTML的規(guī)范
HTML是一個(gè)弱勢(shì)語(yǔ)言
HTML不區(qū)分大小寫(xiě)
HTML頁(yè)面的后綴名是html或者h(yuǎn)tm(有一些系統(tǒng)不支持后綴名長(zhǎng)度超過(guò)3個(gè)字符，比如dos系統(tǒng))
HTML的結(jié)構(gòu)：
聲明部分：主要作用是用來(lái)告訴瀏覽器這個(gè)頁(yè)面使用的是那個(gè)標(biāo)準(zhǔn)。是HTML5標(biāo)準(zhǔn)。
head部分： 不會(huì)顯示在頁(yè)面上，作用是告訴服務(wù)器一些頁(yè)面的額外信息。
body部分：我們所寫(xiě)的代碼必須放在此標(biāo)簽內(nèi)。
目前，IE瀏覽器是完全不支持H5的，支持最好的是Opera瀏覽器，可以支持95%以上；其次是google，可以支持一部分H5。