常见标签

< a href="http://www.baidu.com" target="_blank" title="百度">百度
< a href="#">百度
百度

targer打开网页的位置，title再网页未打开时的提示信息 ,#只是代表有超链接到某个点，但是不会跳转也不会刷新，#about跳转到id为about的内容上，即为锚点

img
自闭合标签，不用加/,即
alt默认情况不展示，当页面出问题的图片不展示时会有一段提示，有利于优化搜索引擎
div 语义是一大块，用于区分，给页面划分区块，让结构更清晰
id class
给元素起名字，方便添加标记，增加样式
id 给页面上元素起一个唯一的名字，类似于人的身份证号，根据当前功能，语义化命名
class 代表一类元素，不同元素也可以添加同样的class
ul li
ul是无序列表，一般与li搭配使用，用于表示并列的内容，可相互嵌套，ul的直接子元素是li，ul的直接子元素一定是li
ol li
ol有序列表，用于展示代表步骤或者编号的内容
dl dt dd
自定义标签dl，用于展示一系列有标题dt、有内容的元素dd
一般用于表单
button 按钮标签
strong em span
需要强调一下一个段落里的某几个字，可以用span
块级元素相对个别行内元素进行修改
strong强调内容，或者认为很重要的
em 强调内容，没有那么重要
span无任何强调的意思，只是可以加修饰
iframe
用于嵌入一个页面，注意跨域问题


百度

左侧菜单栏，右边是iframe,点击左边的链接，再右侧iframe显示
应用场景，后台有很多区块，每个区块对应一个图表，一个图表作为一个iframe放在页面上，其他网站如想用，复制链接，用iframe即可。

搜索引擎优化

块级元素和行内元素

块级元素占据一整行空间h1-h6 p ul li
行内元素只占自身大小a strong em img button

用于收集填写的信息，提交后台，表单的元素用form包括所有的元素，形成完整的数据