前端面试题积累之HTML篇
1.对HTML5语义化的理解
语义化就是让文本内容结构化，选择与语义相符合的标签，使代码语义化，便于开发者进行阅读，还能够让搜索引擎和浏览器等工具更好的解析。比如段落用p标签，头部用header标签，主要内容用main标签，侧边栏用aside标签等等。
2.meta标签的viewport是做什么的？
将视口大小设置为可视区域的大小
3.什么是视口
视口简单理解就是可视区域大小我们称之为视口。（1）在PC端，视口大小就是浏览器窗口可视区域的大小。（2）在移动端, 视口大小并不等于窗口大小, 移动端视口宽度被人为定义为了980。
4.为什么移动端视口宽度是980而不是其他的值
因为过去网页的版心（可视区）都是980的，为了能够让网页在移动端完美的展示, 所以乔布斯在ios中将手机视口的大小定义为了980。
5.移动端自动将视口宽度设置为980带来的问题之内容被缩小
虽然移动端自动将视口宽度设置为980之后让我们可以很完美的看到整个网页，但是由于移动端的物理尺寸(设备宽度)是远远小于视口宽度的，所以为了能够在较小的范围内看到视口中所有的内容, 那么就必须将内容缩小。但是缩小后用户看到的是一个缩小版的整个页面，字体、图标和内容等等都非常小，想要点击或者查看都需要去放大页面进行操作，放大页面之后就会出现横向滚动条，这对用户体验来说是非常不好的。
6.如何保证在移动端不自动缩放网页的尺寸
通过meta设置视口大小，viewport 是指 web 页面上用户的可视区域。
meta标签的属性：
（1）width=device-width 设置视口宽度等于设备的宽度 （2）initial-scale=1.0 初始缩放比例, 1不缩放 （3）maximum-scale：允许用户缩放到的最大比例
（4）minimum-scale：允许用户缩放到的最小比例
（5）user-scalable：用户是否可以手动缩放
7.HTML5 移动页面自适应手机屏幕四种方法：
通过meta设置视口大小、使用css3的rem单位、媒体查询、使用百分比
8.说一下标签的用法
（1）解释：label标签不会向用户呈现任何特殊效果。不过，它方便了鼠标点击使用，扩大可点击的范围，增强用户操作体验，例如复选框既可以点击male或者female进行选择，也可以选择按钮来进行选择。
（2）使用：用的时候只需要设置表单元素的id和label标签for属性的值相等即可，for属性和id相同就表示绑定了。当用户选择该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form>
老板电器二面129人在聊
