h5提问小技巧

1. DOCTYPE 的作用是什么？
   声明位于HTML文档中的第一行，处于标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现
2. 标准模式与兼容模式各有什么区别？
   标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作
   3.SGML 、 HTML 、XML 和 XHTML 的区别？
     SGML(standard general markup language ) 是一种在WEB 发明之前就已存在的使用标记来描述文档资料的通用语言,它是一种定义标记语言的元语言,HTML和XML都是由SGML 发展过来的.

HTML(HyperText Markup Language)是SGML定义下的一个描述性的语言,是SGML 的一个应用 ,它不能用来定义新的应用 ,HTML,用于一些Internet 的短期的数据.HTMl 文档格式非常松散,导致解析的复杂性增加,也导致了不同浏览器浏览的不同.

XML(extend MarkUp Lanuage) 是SGML 的一个简化版本,是SGML的一个子集,严格意义上讲,XML就是SGML.如果一些数据要长期使用,并且要更多的一些结构,XML将更好.XML比HTML严格,如果出现语法错误,浏览器将不发解析显示
4.空元素定义
没有闭合标签的标签被称作为空标签。
在我们使用的标签中，有的具有闭合标签。例如标签，它有闭合标签。但是也有一部分标签没有闭合标签，例如
标签，这一类标签我们称之为空标签。
5.你是如何理解语义化的？
6.meta viewport 是做什么的？怎么写?
meta viewport 是用于适配移动设备的，为了使不管是什么宽度的页面都能在移动设备端得到完美适配（不需要用户缩放和滚动横向滚动条并且字体图片等显示正常）。

width：控制 viewport 的大小，可以给它指定一个值(正整数)，或者是一个特殊的值(如：device-width 设备独立像素宽度，单位缩放为 1 时)；
initial-scale：初始缩放比例，即当页面第一次加载时的缩放比例，为一个数字(可以带小数)；
maximum-scale：允许用户缩放到的最大比例，为一个数字(可以带小数)；
minimum-scale：允许用户缩放到的最小比例，为一个数字(可以带小数)；
user-scalable：是否允许用户手动缩放，值为 “no”(不允许) 或 “yes”(允许)；
height：与 width 相对应(很少使用)。
7.你用过哪些 HTML 5 标签？
　　article：标签装载显示一个独立的文章内容，例如一篇文章、报导、小说。

section ：标签定义文档中的节（section、区段），例如一个小说中的一章节。

aside：用来装载非正文类的内容，对于主题内容的说明。

header ：标签定义文档的页面头部，通常是一些引导和导航信息

footer ： 标签定义 section 或 document 的页脚

nav ：标签定义显示导航链接

time：定义日期或时间，或者两者

main：规定文档的主要内容 注：在文档中不能出现一个以上的元素。

progress：进度条 属性：max:进度完成值

value:定义当前进度值

mark：标记需要突出显示的文本
8.H5 是什么？
H5 并不是新的语言，而是html语言的第五次重大修改版本
支持：
主流浏览器支持h5（Chrome，firefox，safari）。IE9及以上支持h5,但是ie6及以下不支持h5
9.页面导入样式时，使用 link 和 @import 有什么区别？
1.link是XHTML标签,它不仅可以引入css文件，还可以引入网站图标或者设置媒体查询。
2.@import是CSS提供的语法规则，只能用来加载css。
@import一定要写在除@charset外的其他任何 CSS 规则之前，如果置于其它位置将会被浏览器忽略。而且，在@import之后如果存在其它样式，则@import之后的分号是必须书写，不可省略的。
3.link引入css文件，页面载入同时载入css文件，@import在页面完全载入之后载入css文件，在网络较慢情况下一开始会没有css样式。
4.link在浏览器中没有兼容问题。@import在css2.1中提出，低版本浏览器会不支持。
5.link中的css可以被javascript获取进而控制DOM，而@import不支持。
10. Label 的作用是什么？是怎么用的？
label标签是用来定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。
主要有以下两种用法用法：

一、

Number:

二、

Data:
11.请写出至少5个HTML块元素标签

12.请写出至少5个HTML行内元素标签

13.请写出table标签下面会包含哪些标签元素