1. 列表
2.表格
3.节标签div和span
4.表单
5.高级补充标签
------表单组合标签 fieldset，配合legend标签使用，起表单分组作用，更适合语义化。fieldset内部包裹表单标签，legend标签起到给包裹标签取名字的作用。
<fieldset>
<legend>xxxxxxxx</legend>
</fieldset>
----清空表单内容 reset， <input type=“reset" value="清空"> 当点选清空按钮，表单将刷新到初始状态。
----label标签的第二种用法 直接包裹标签，可以实现点击标签的文字内容，让包裹的表单标签获得焦点。
----内联框架标签 iframe（行内标签） <iframe src="www.baidu.com" width="400" height="400" frameborder="0"></iframe>
可以设置高度和宽度（width，height）。去掉边框，frameborder设置为0
----meta标签 <meta name="keyword" content="xxxxxxxxxxx"/>
关键字属性，对页面展示没有任何影响，只影响SEO，当用户使用SEO搜索关键词时，meta标签内的关键字匹配度越高，网页在搜索引擎上的排名越靠前。
<meta name="description" content="xxxxxxxxxxxxxxxx"/>
描述属性，描述页面有什么内容。都属于SEO优化
<meta http-equiv="X-UA-Compatitable" content="IE-edge"/>
代表如果是用IE打开当前页面，就使用最新的IE版本打开此页面。
-----base标签 <base target="_blank"> 可以设置我当前页面超链接标签都拥有相同的属性。
6.HTML语义化
使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让人和搜索引擎都容易理解。标签与语义相结合，尽量不要使用没有语义的标签，例如div，span，尽量使用p，ul，ol，table等标签。
充分利用标签默认的含义，例如h1-h6，th，td等。
网友评论