HTML常见知识点

iframe框架优缺点

    优点：

1. 1. 通过嵌套网页，实现代码重用
   2. 多页面引用iframe时，只需要修改iframe就可以实现全部修改

    缺点：

1. 1. 页面中会出现滚动条
   2. SEO（搜索引擎优化）差

HTML与XHTML的区别与联系

1. XHTML必须闭合
2. XHTML标签和属性名必须小写
3. XHTML必须有根文档
4. XHTML必须被嵌套使用

标签title，strong，em与标签h1，b，i的区别

     前边三个是语义化标签，效果和后边三个一致，但是在搜索引擎检索时会优先前三个

什么是HTML的语义化标签

1. 用合适的标签做合适的事
2. 有利于SEO
3. 便于理解维护

label的用处

1. 关联特定的表单标签
2. 通过label标签的for属性值，和表单标签的id属性值对应实现
3. 当点击label标签内的元素时会自动对应到绑定的表单标签

DOCTYPE有什么作用

1. 告知浏览器文档使用哪种规范
2. 告知浏览器按照何种规范进行解析

href和src的区别

1. href超文本引用，建立当前元素和文档之间的链接，异步加载
2. src资源请求，将指向的资源下载到当前文档中，同步加载，因此js文件一般放到文档底部。

浮动元素的特点

1. 浮动元素会脱离文档与其他元素重叠，但是不会与文字（图片）重叠，只会挤开文字 
   
2. 清除浮动元素可以通过给父元素添加overflow：hidden，或者是给受到影响的元素添加clear：both

常见问题

1. 当两个sapn元素均为inline-block时，两者之间会出现空隙，解决方法：可将两个span标签写在一行
2. vertical-align 只对inline-block元素生效，设置的是对齐方式，而不是垂直居中。解决方法：设置行高
3. opacity  0设置元素透明
4. z-index 设置层级，后来居上，大者巨上，定位居上