用JS即可，例如使用： document.getElementByTagName（） 获取需要获取的html标签
1、框架布局(使用DIV标签)
在网页中框架布局一般使用DIV布局，无论大小DIV盒子一般均使用DIV标签(
2、列表型布局(使用ul li标签)
遇到图片列表、文章标题列表，通常使用ul li列表标签进行布局。当然使用这些标签时要进行设置需要CSS样式达到布局效果。这样程序调用数据时候更容易做循环内容。
3、标题型布局(使用h1、h2、h3、h4标签)
遇到独立的栏目标题、正文标签，通常使用h1、h2、h3、h4标题标签，这样布局内容具有层次感。同时考虑SEO来说适当使用这些标题标签有利于优化排名。
4、内容独立样式型(使用span)
在一段文字中，有几个文字需要单独设置一个颜色值，这个时候可以对这几个文字加span标签，对span标签单独设置class或直接CSS样式达到效果，一般来说布局框架很少使用span。
5、功能型布局(img、b、strong、u、s等标签)
遇到网页中引人图片使用Img标签；遇到文字加粗可以使用b标签或strong标签、遇到下划线可以使用u标签、遇到文字贯穿线(删除线)使用s标签等，有时不一定使用CSS来实现这些功能布局，适当选用这些HTML标签从SEO方面更加好些。
6、段落(p标签)
一般文章段落都是使用p标签，即每段文字开始时候使用
结束时使用
，这样文章段落分明。
7、手动强行换行布局(br标签)
遇到文字需要换行的使用br标签即“
”，值得注意br标签是单独的标签非盒子标签，独立的一个标签，什么地方需要换行就使用br标签。
8、表格型(table表格标签)
在HTML布局中，学习DIV CSS并不意味着放弃table标签，这个有时还是需要table标签的，比如遇到表格型布局的，还是需要table tr td标签布局，这个时候使用表格布局优于div标签。
9、表单布局(form、input等)
遇到表单布局，比如注册、登录、填写数据提交地方等，均是使用表单标签。
列表标签：
HTML 中有有序列表(ol)，无序列表(ul)和自定义列表(dl)。不管何种列表，其中只能涵盖列表项标签（li），dl 标签除外。
html全称为HyperText Mackeup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。
超文本：音频，视频，图片称为超文本。
标记 ：< 英文单词或者字母> 称为标记，一个HTML页面都是由各种标记组成。
作用：编写HTML页面。
注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解析执行。
2、HTML的历史：
我们专门来对XHTML做一个介绍。
XHTML介绍：
XHTML：Extensible Hypertext Markup Language，可扩展超文本标注语言。
XHTML的主要目的是为了取代HTML，也可以理解为HTML的升级版。
HTML的标记书写很不规范，会造成其它的设备(ipad、手机、电视等)无法正常显示。
XHTML与HTML4.0的标记基本上一样。
XHTML是严格的、纯净的HTML。
编写XHTML的规范：
（1）所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：< h1> < font> < /font> < /h1>
（2）所有的标记都必须小写。
（3）所有的标记都必须关闭。
双边标记：< span> < /span>
单边标记：< br> 转成 < br /> < hr> 转成 < hr /> 还有< img src=“URL” />
（4）所有的属性值必须加引号。< font color=”red”> < /font>
（5）所有的属性必须有值。< hr noshade=”noshade”> 、< input type=”radio” checked=”checked” />
（6）XHTML文档开头必须要有DTD文档类型定义
3、HTML的网络术语：
网页 ：由各种标记组成的一个页面就叫网页
主页(首页) : 一个网站的起始页面或者导航页面
标记： < p> 称为开始标记 ，< /p> 称为结束标记，也叫标签。每个标签都规定好了特殊的含义。
元素：< p> 内容< /p> 称为元素.
属性：给每一个标签所做的辅助信息。
xhtml： 符合XML语法标准的HTML。
dhtml：dynamic，动态的。javascript + css + html合起来的页面就是一个dhtml。
http：超文本传协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP 邮件传输协议，ftp:文件传输协议。
4、HTML的编辑工具：
NotePad：记事本。
EditPlus：语法高亮显示。技巧： 根据颜色判断单词是否出错 （不是100%）。不好的地方：没有代码提示。
UltraEdit：根据颜色判断单词是否出错，可以显示2进制数据。
Sublime：新一代的代码编辑器。
dw(dreamweaver，专业工具) ：建立WEB站点和应用程序的专业工具。它将布局功能、开发工具、代码编辑组合在一起。有代码提示。
5、计算机编码介绍：
计算机只能处理二进制的数据，其它数据，比如：0-9、a-z、A-Z，这些字符，我们定义一套规则来表示。假如：A用110表示，B用111表示等。
ASCII码：
美国发布的，用1个字节(8位二进制)来表示一个字符，共可以表示2^8=256个字符。
美国的国家语言是英语，只要能表示0-9、a-z、A-Z、特殊符号。
ANSI编码：
每个国家为了显示本国的语言，都对ASCII码进行了扩展。用2个字节(16位二进制)来表示一个汉字，共可以表示2^16＝65536个汉字。例如：
中国的ANSI编码是GB2312编码(简体)，对6763汉字进行编码，含600多特殊字符。另外还有GBK(简体)。
日本的ANSI编码是JIS编码。
台湾的ANSI编码是BIG5编码（繁体）。
GBK：
对GB2312进行了扩展，用来显示罕见的、古汉语的汉字。现在已经收录了2.1万左右。并提供了1890个汉字码位。K的含义就是“扩展”。
Unicode编码(统一编码)：
用4个字节(32位二进制)来表示一个字符，想法不错，但效率太低。例如，字母A用ASCII表示的话一个字节就够，可用Unicode编码的话，得用4个字节表示，造成了空间的极大浪费。A的Unicode编码是0000 0000 0000 0000 0000 0000 0100 0000
UTF-8(Unicode Transform Format)编码：
根据字符的不同，选择其编码的长度。比如：一个字符A用1个字节表示，一个汉字用2个字节表示。
毫无疑问，开发中，都用UTF-8编码吧，准没错。
6、HTML颜色介绍：
颜色表示：
纯单词表示：red、green、blue、orange、gray等
10进制表示：rgb(255,0,0)
16进制表示：#FF0000、#0000FF、#00FF00等
RGB色彩模式：
自然界中所有的颜色都可以用红、绿、蓝(RGB)这三种颜色波长的不同强度组合而得，这就是人们常说的三原色原理。
RGB三原色也叫加色模式，这是因为当我们把不同光的波长加到一起的时候，可以得到不同的混合色。例：红+绿=黄色，红+蓝＝紫色，绿+蓝=青
在数字视频中，对RGB三基色各进行8位编码就构成了大约1678万种颜色，这就是我们常说的真彩色。所有显示设备都采用的是RGB色彩模式。
RGB各有256级(0-255)亮度，256级的RGB色彩总共能组合出约1678万种色彩，即256×256×256=16777216
二、HTML的规范
HTML是一个弱势语言
HTML不区分大小写
HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)
HTML的结构：
声明部分：主要作用是用来告诉浏览器这个页面使用的是那个标准。是HTML5标准。
head部分： 不会显示在页面上，作用是告诉服务器一些页面的额外信息。
body部分：我们所写的代码必须放在此标签內。
目前，IE浏览器是完全不支持H5的，支持最好的是Opera浏览器，可以支持95%以上；其次是google，可以支持一部分H5。