前端面试题

• html语义

html的语义，主要包括2部分，第一部分是结构是有语义的，第二部分是标签是有语义的。

• • 语义的优点

1. 去掉或者丢失样式的时候，会有清晰的结构。

2. 屏幕阅读器能够完全按照标签来阅读页面的内容。

3. 对于ipad等渲染能力差的手持设备，任然能够展现基本内容。

4. 搜索爬虫依赖标签来标记上下文的关系和各个关键字的权重。

5. 能被爬虫找到是非常重要的，有利于别人找到你的网站资源。

• css的几种方式和各个区别

1.外连css文件。最常见的方式，有利于样式的重用，易于修改和维护，目前的DIV+CSS也是基于这样的设计。

2.html头部编写css。这种方式的优点是访问速度快，加载页面的时候就直接加载，适合大型网站、访问量多的网站。

3.标签内写css。是一种非常不好的编写方式

4.还有一种是以@的方式，不常见，这样做的方式会增大服务器的响应，但是可以达到css后载入的效果。

• 如何设置一个浮动元素

编写宽度和高度，设置边距，然后设置相对固定位置

.div{200px;heigth:300px;margin:0 0 0 0; position:relative;top:50%;left:50%}

• 前端有三层结构

结构层、表示层、定一层