Tom_chao
Tom_chao

HTML常见面试题

1. HTML、XML、XHTML 有什么区别?

  • HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
  • XML，可扩展标记语言，主要用于存储数据和结构，可扩展；
  • XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。

2. 怎样理解 HTML 语义化？

2.1 什么是 HTML 语义化?
  HTML语义化，也就是标签的语义化，指的是通过标签便能判断内容具
体语言含义。例如，浏览器可以根据h1标签判断出标签包含的内容是标 
题，根据p标签可以判断出内容是段落等。
2.2 为什么要 HTML 语义化？
1. 对搜索引擎友好。
2. 更容易让屏幕阅读器读取网页内容。
3. 去掉样式或样式丢失的时候页面仍然能呈现出清晰的结构。
4. 便于团队开发和维护。
2.3 如何使 HTML 语义化？
  如果内容是标题，那就应该用h1~h6标签，而不是用div，p等其他
标签；如果内容是表格，就应该用table标签,内容是表头，就应该用
thead标签，其他情况类似。总之，都是根据具体内容的语义选择合适的标
签。
2.4 需要注意的问题
  • 应尽可能少的使用语义化较弱的div和span标签
  • 语义不明显，可以使用p也可以使用div的情况下，尽量用p
  • 不要为了样式选择标签，如font,center等，样式另用css设置
  • 尽量使用html5的新标签，如header,aside,article等

3. 怎样理解内容与样式分离的原则？

  内容与样式分离是w3c提倡的，这样便于后期修改和维护。总的来说，
有以下优点：

1. 使页面加载更快

  由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。
相对于表格嵌套的方式的逐层加载速度快。

2. 修改设计时更有效率 

  在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相
应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样
式。而表格布局则更不省事。

4. 有哪些常见的meta标签?

name 属性
  "keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些
搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。类似这样的
meta标签可能对于进入搜索引擎的索引有帮助：
http-equiv 属性
  http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文
档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

  当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会
发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type
:text/html。这将告诉浏览器准备接受一个 HTML 文档。

  使用带有 http-equiv 属性的  标签时，服务器将把名称/值对添
加到发送给浏览器的内容头部。例如，添加：

  
  

  这样发送到浏览器的头部就应该包含：

  content-type: text/html
  charset:iso-8859-1
  expires:31 Dec 2008
content 属性
content 属性提供了名称/值对中的值。该值可以是任何有效的字符串。
content 属性始终要和 name 属性或 http-equiv 属性一起使用。

5. 文档声明的作用?严格模式和混杂模式指什么? 的作用?

文档声明的作用
  文档声明让浏览器明确使用哪一个HTML版本对页面进行解析。没有文档声明
或者文档声明不正确，将会导致浏览器用怪异模式解析页面。
在HTML4.01中， 声明引用 DTD，因为HTML4.01基于SGML。

  DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5不基于 SGML，所以不需要引用 DTD。
严格模式和混杂模式指什么
严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。

混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。

如何区分：浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直
接相关。
的作用
  ，是所有可用的DOCTYPE之中最简单的，而且是HTML5
所推荐的。HTML的早期变种也属于推荐标准，不过今日的浏览器都会对这个
DOCTYPE使用标准模式，就算是已过时的Internet Explorer6也一样。目前
并没有正当的理由，去使用其他更复杂的DOCTYPE。如果你使用其他的声明，
你可能会冒着触发接近标准模式或者怪异模式的风险。

  请确定你把 DOCTYPE 正确地放在 HTML 文件的顶端。任何放在DOCTYPE
前面的东西，比如批注或 XML 声明，会令 Internet Explorer 9 或更早
期的浏览器触发怪异模式。

  在 HTML5中，DOCTYPE 唯一的作用是启用标准模式。更早期的 HTML 标准
会附加其他意义，但没有任何浏览器会将 DOCTYPE 用于怪异模式和标准模式
之间互换以外的用途。

6. 浏览器乱码的原因是什么？如何解决？

  根本原因：文档保存时的编码格式和浏览器解析时的解码格式不匹配导致。
同时，乱码一般是英文以外的字符才会出现。

  解决办法：让浏览器解码格式与文档编码格式保持一致。通常的做法就是，
在文档head标签部分添加一行代码：

7. 常见的浏览器有哪些？都是什么内核？

常见的浏览器有: Chrome, Mozilla, Safari, Opera, IE浏览器。
内核分别为：Blink, Gecko, Webkit, Blink(曾用Presto), Trident.

8. 列出常见的标签，并简单介绍这些标签用在什么场景？