-
DOCTYPE 的作用是什么？
Doctype可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。由于历史的原因，浏览器对页面的渲染方式是不一样的。在W3C标准出来之前，浏览器对页面的
渲染没有同一的标准，产生了差异，quirks mod（混杂模式或者兼容模式）但在W3C标准出台之后，浏览器对页面的渲染有了同一的标准即（严格模式或标准模式）。但是为了保证以前就得页
面仍然正常显示，有的浏览器就保存了这两种渲染模式（标准兼容模式）。那么究竟采用哪一种方式进行渲染，就要看DOCTYPE声明中的DTD。 -
标准模式与兼容模式各有什么区别？
标准模式，也就是严格呈现模式，用于呈现遵循最新标准的网页，而兼容模式，也就是松散呈现模式或者怪异模式，用于呈现为传统浏览器而设计的网页。标准模式的排版和JS运作模式都是
以该浏览器支持的最高标准运行。兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。简单说就是尽可能的显示能显示的东西给用户看。
具体区别：
1.盒模式
在标准模式中：width是内容宽度，元素真正的宽度=width；在兼容模式中：width则是=width+padding+border
2.兼容模式下可设置百分比的高度和行内元素的高宽
在Standards模式下，给span等行内元素设置width和height都不会生效，而在兼容模式下，则会生效。
在standards模式下，一个元素的高度是由其包含的内容来决定的，如果父元素没有设置高度，子元素设置一个百分比的高度是无效的。
3.用margin:0 auto设置水平居中在IE下会失效
使用margin:0 auto在standards模式下可以使元素水平居中，但在兼容模式下却会失效（用text-align属性解决）
body{text-align:center};#content{text-align:left}
4.兼容模式下Table中的字体属性不能继承上层的设置，white-space:pre会失效，设置图片的padding会失效
3.SGML 、 HTML 、XML 和 XHTML 的区别？
SGML(标准通用标记语言)是国际上定义电子文件结构和内容描述的标准。有非常复杂的文档结构，主要用于大量高度结构化数据的访问和其他各种工业领域，在分类和索引数据中非常有用
但是他不适用于web数据描述。 DTD标准是他的一部分。
HTML(超文本标记语言)继承了SGML的很多优点，但是html是一种界面技术，他只使用了SGML中很少的一部分标记，为了便于在计算机上实现，HTML规定的标记是固定的，即HTML语法不可
扩展。html是一种标记语言，不是编程语言。 HTML遵循了DTD标准的sgml的文档，也可以说是SGML的一个实例
XML是SGML的子集，优化版
XHTML是遵循了XML标准的HTML文档
h5是html最新标准，但不基于SGML，所以不遵循DTD标准。
4.空元素定义
没有内容的HTML元素被称为空元素
5.你是如何理解语义化的？
对数据和信息进行处理，使得机器可以理解。
6.meta viewport 是做什么的？怎么写?
专门为移动设备下的显示所设计的，为了在移动设备下，网页不需要缩放和滚动条就能查看网页中的所有内容、文字、图片大小合适等，只有检测都在移动设备上使用包含了meta的文档时，这个
标签才会起作用。一般使用会设置如下5个属性：
name：为viewport表示供移动设备使用 content：内定义了viewport的属性 width：表示移动设备下显示的宽度为设备宽度(device-width)
user-scalable:表示用户缩放能力, no表示不允许用户缩放网页 initial-scale:表示设备与视口的缩放比率 maximum和minimum:分别表示缩放的最大最小值, 要注意的是, maximum必须大于或等于minimum
上面的meta标签就是告诉浏览器, 不要在移动端显示的时候缩放
7.你用过哪些 HTML 5 标签？
<!DOCTYPE> <head> <body> <div> <span> <hgroup> <table> <thead> <tbody> <caption> <th> <tr> <td> <form> <input> <label> <textarea> <select> <option> <optgroup>
8.H5 是什么？
h5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言的第五次重大修改。
9.页面导入样式时，使用 link 和 @import 有什么区别？
1.link是XHTML标签,它不仅可以引入css文件，还可以引入网站图标或者设置媒体查询。
2.@import是CSS提供的语法规则，只能用来加载css。
3.@import一定要写在除@charset外的其他任何 CSS 规则之前，如果置于其它位置将会被浏览器忽略。而且，在@import之后如果存在其它样式，则@import之后的分号是必须书写，不可省略的。
4.link引入css文件，页面载入同时载入css文件，@import在页面完全载入之后载入css文件，在网络较慢情况下一开始会没有css样式。
5.link在浏览器中没有兼容问题。@import在css2.1中提出，低版本浏览器会不支持。
link中的css可以被javascript获取进而控制DOM，而@import不支持。
- Label 的作用是什么？是怎么用的？
label标签是用来定义表单间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。
用法一：<
label for=“Name”>Number:</label><
input type=“text” name=“Name” id=“Name” />
用法二：<
label>Data:<input type=“text” name=“B” /></label>
11.请写出至少5个HTML块元素标签
<div>
12.请写出至少5个HTML行内元素标签<
span>
13.请写出table标签下面会包含哪些标签元素
thead tbody tfoot tr th td
扫一扫
4105
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
