前端常见重要问题

一、清除浮动的方法

1. 添加空盒子：在被浮动元素的后面添加一个空的div（clear:both;）
2. overflow：hidden；
3. 万能清除法

    clear :: after{
            content:"";
            display:block;
            clear:both;
            visibility:hidden;
            height:0;
      }
      clear{zoom:1}

二、如何触发BFC

1. 浮动元素，float除了none属性以外
2. position 的值不为 static 或 relative
3. overflow 除了 visible 属性之外
4. display 不为 none

三、响应式布局

• 特点：
  面对不同的分辨率设备灵活性强
  能够快捷解决多设备显示适应问题
• 缺点：
  兼容各种设备工作量大，效率低下
  代码累赘，会出现隐藏无用的元素，加载时间长
  折中设计方案，不是最优也不是最低
  一定程度上改变了网站的原有布局，会出现用户混淆的情况

四、CSS3的优势

1. 让页面看起来非常炫酷，用户体验更高
2. 有利于开发和维护，还能提高网站的性能，增加网站的可访问性，可用性
3. 使网站能适配更多的设备，有利于SEO优化，提高网站的搜索排名

五、SEO网站优化

1. <meta name="keywords" content="" /> 向搜索引擎说明网页的关键词
   <meat name="description" /> 向搜索引擎说明站点的主要内容
2. 在网站中使用超链接是，尽量添加 title 属性，img 标签添加 alt 和 title 属性，就算为空也添加
3. 使用图片整合技术
4. flash 尽量不要使用
5. 设置友情链接
6. 合理命名，遵循命名规则

五、语义化的重要性

1. 当页面加载失败的时候，还能够呈现出清晰地结构
2. 有利于SEO优化，利于被搜索引擎收录（便于网络爬虫的识别）
3. 在项目开发及维护时，语义化也很大程度上降低开发难度，节省成本

六、HTML5的特点

1. 更简洁，但是在实际开发中要注意书写规范，利于后期维护
2. 标签的语义化
3. 语法更宽松
4. 多设备跨平台
5. 自适应网页设计