可能遇到的笔试或面试题 HTML

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? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

• 声明叫做文件类型定义。作用是为了告诉浏览器该文件的类型。让浏览器解析器知道该应用哪个复返来解析文档。

• 如何触发文档模式
  ① 触发混杂模式：如果在文档开始处没有发现文档类型声明，则所有浏览器都会默认开启混杂模式。但不同浏览器在这种模式下的行为差异非常大。需要使用某些hack技术来解决。
  ② 触发标准模式：

  ③ 触发标准模式：

  ④ IE8中关闭超级标准模式：

  
  
  //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.）归属关系的差别：属于XHTML标签，而@import是CSS提供的；
• 2.）加载顺序的差别：会同时被加载，而@import引用的CSS会等到页面被加载完再加载；
• 3.）兼容性的差别：无兼容问题，@import只在IE5以上才能识别；
• 4.）使用dom控制样式时的差别：方式的样式的权重 高于@import的权重。

6、移动布局自适应不同屏幕的几种方式

（1）响应式布局
（2）100%布局（弹性布局）
（3）等比缩放布局（rem）

7、CSS的盒子模型有哪些？

• IE 盒子模型、标准 W3C 盒子模型：IE的content部分包含了 border 和 pading;
• 盒模型： 内容(content)、填充(padding)、边界(margin)、 边框(border).