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等。