话不多说直接上干货
1. Meta定义的viewport有哪几个值？
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。
height：和 width 相对应，指定高度。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。maximum-scale：允许用户缩放到的最大比例。minimum-scale：允许用户缩放到的最小比例。
user-scalable：用户是否可以手动缩放
2、列举一些块级元素和内联元素？它们的区别是什么？
HTML基础 （三）——块级元素和行内元素的区别
给大家列举一些：
块级元素：p,div,h1~h6,ul,ol,li,table,hr
内联元素（行内元素）:a,span,img,br
区别：
块级元素默认占一行，一行内添加一个块元素后一般无法添加其他的元素（后续CSS中会讲块级元素和行内元素的转换）。块级元素一般可以嵌套块级元素或行内元素。块级元素宽高，行高以及外边距和内边距都是可控的。
行内元素也叫内联元素或者内嵌元素。行内元素和其他元素都在一行上，高度、行高、内边距和外边距都不可改变。宽度是它文字或者图片的宽度，也是不可改变的。行内元素只能容纳文本或者其他行内元素。
3、什么是语义化的HTML?
直观的认识标签，对搜索引擎的抓取有好处，正确的标签做正确的事。html语义化就是让页面的内容结构化，便于浏览器、搜索引擎解析；在没有CSS的情况下也能以文档格式显示，并且容易阅读。源代码将网站分块，便于阅读和维护。
4、HTML5 为什么只需要写 !DOCTYPE HTML？
HTML5 不基于 SGML（标准通用置标语言），因此不需要对DTD（Document Type Definitio 文档类型定义）进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）；而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型
5、Doctype作用？标准模式与兼容模式各有什么区别?
!DOCTYPE声明位于HTML文档的第一行，写在html标签的前面。告诉浏览器的解析器用什么文档标准去解析这个文档，DOCTYPE不存在或者语法不正确的话，文档会以兼容模式呈现。
区别：标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
PS:当你是这种面试者估计就不会有这么多问题了
我自己是一名从事了多年前端开发的老程序员，辞职目前在做自己的私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的前端学习干货，从最基础的到深入的都有整理。送给每一位想学习的小伙伴。
学习讨论企鹅群：956766604
今天就整理这几个问题，后期再跟大家一起交流~
网友评论