1、HTML和XHTML之间有什么区别？
- HTML 即是超文本标记语言，出现时间早，编码不规范，是语法较为松散、不严格的web语言。
- XHTML 是升级版的HTML，对HTML进行了规范，编码更加严谨纯洁，也是一种过渡语言，html向xml过渡的语言。
（发展趋势：HTML ——> XHTML ——>xml ）
2、常见的块级元素和行内元素，有什么区别?
- 块级元素有：
h1,h2,h3,h4,h5,h6,p,div,dl,dt,hr,ol,ul,li,form,pre,table,td,th； - 行内元素有：
em,strong,span,button,input,label,code,select,img,textarea； - 区别：
1.）块级元素占据一整行，可以设置宽/高、margin/padding、包含块级元素和行内元素；
2.）行内元素与其它行内元素位于同一行，只能包含文本，设置宽/高是无效的，行内元素只有margin-left、margin-right、padding-left、padding-right起作用。
3、Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
-
<!DOCTYPE>声明叫做文件类型定义。作用是为了告诉浏览器该文件的类型。让浏览器解析器知道该应用哪个复返来解析文档。 -
如何触发文档模式
①触发混杂模式：如果在文档开始处没有发现文档类型声明，则所有浏览器都会默认开启混杂模式。但不同浏览器在这种模式下的行为差异非常大。需要使用某些hack技术来解决。
②触发标准模式：<!-- HTML 4.01 严格型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!-- XHTML 1.0 严格型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">③
触发标准模式：<!-- HTML 4.01 过渡型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- HTML 4.01 框架集型 --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <!-- XHTML 1.0 过渡型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- XHTML 1.0 框架集型 --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">④
IE8中关闭超级标准模式：<meta http-equiv="X-UA-Compatible" content="IE=7" /> //content属性中IE的值用于指定使用哪个版本的呈现引擎来呈现页面。设计这个值的目的就是为了向后兼容那些专门为老版本的IE设计的站点和页面。 -
严格模式：又称为标准模式，指浏览器按照 W3C 标准解析代码；
混杂模式：又称为兼容模式或怪异模式，指浏览器用自己的方式解析代码。 -
区分：浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直接相关
1.）文档包含严格的DOCTYPE，那么一般以严格模式呈现。（严格 DTD ——严格模式）
2.）包含过渡 DTD 和 URL 的 DOCTYPE，也以严格模式呈现，但有过渡 DTD 却无 URL(统一资源标识符，即声明最后的地址) 会导致页面以混杂模式呈现。(有 URI 的过渡 DTD ——严格模式；没有 URI 的过渡 DTD ——混杂模式)
3.）DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现。(DTD不存在或者格式不正确——混杂模式)
4.）HTML5 没有 DTD，所以没有严格模式和混杂模式区分。(HTML5 没有严格和混杂之分)
4、WEB标准以及W3C标准是什么?
- 标签闭合、标签小写、不乱嵌套、使用外链 css 和 js 、结构行为表现的分离
5、link和@import的区别是？
- 1.）
归属关系的差别：<link>属于XHTML标签，而@import是CSS提供的； - 2.）
加载顺序的差别：<link>会同时被加载，而@import引用的CSS会等到页面被加载完再加载； - 3.）
兼容性的差别：<link>无兼容问题，@import只在IE5以上才能识别； - 4.）
使用dom控制样式时的差别：<link>方式的样式的权重 高于@import的权重。
6、移动布局自适应不同屏幕的几种方式
（1）响应式布局
（2）100%布局（弹性布局）
（3）等比缩放布局（rem）
7、CSS的盒子模型有哪些？
- IE 盒子模型、标准 W3C 盒子模型：IE的content部分包含了 border 和 pading;
- 盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border).
网友评论