一、HTML、XML、XHTML有什么区别？
首先我们先来简略了解这三种语言是什么。
HTML：超文本标记语言（英语：HyperText Markup Language，简称HTML）是一种用于创建网页的标准标记语言。其语法要求比较松散，这样对网页编写者来说，比较方便，但对于机器来说，语言的语法越松散，处理起来就越困难，对于传统的电脑来说，还有能力兼容松散语法，但对于许多其他设备，比如手机，难度就比较大。因此产生了由DTD定义规则，语法要求更加严格的XHTML。
XHTML：可扩展超文本标记语言（英语：eXtensible HyperText Markup Language，XHTML），是一种标记语言，表现方式与超文本标记语言类似，不过语法上更加严格。从继承关系上讲，HTML是一种基于标准通用标记语言（SGML）的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展标记语言，XML是SGML的一个子集。
XML：可扩展标记语言（英语：Extensible Markup Language，简称XML），是一种标记语言。标记指计算机所能理解的信息符号，通过此种标记，计算机之间可以处理包含各种信息的文章等。如何定义这些标记，既可以选择国际通用的标记语言，比如HTML，也可以使用像XML这样由相关人士自由决定的标记语言，这就是语言的可扩展性。XML是从标准通用标记语言（SGML）中简化修改出来的。
通过以上了解，再阐述三者区别：
HTML是语法较为松散的、不严格的Web语言；
XML是主要用于存储数据和结构；
XHTML是基于XML，作用与HTML类似，但语法更严格。
二、怎样理解HTML语义化
1、用合适的标签标记合适的内容。
2、语义化的html语言，是内容更加结构化，结构清晰，有利于浏览器和搜索引擎的解析。
3、即使没有css样式，语义化的html也以一种文档格式显示，并且是容易阅读的。
4，语义化的html，方便阅读源代码的人更容易阅读和理解网页。
5、搜索引擎的爬虫也依赖于html标记来确定上下文和各个关键字，有利于SEO。
三、怎样理解内容与样式分离的原则
一篇文档的实际内容和意义，与这篇文档呈现给读者的方式，是相互独立的。内容和样式的分离意味着文档中的标记元素永远都用于结构而非样式，而将后者的任务得体地交给XSL、TXSL、CSS之类的正确工具。
四、有哪些常见的meta标签
所有浏览器都支持 <meta> 标签。<meta> 元素可提供有关页面的元信息（meta-information），<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
| 属性 | 值 | 描述 |
|---|---|---|
| content | some_text | 定义与 http-equiv 或 name 属性相关的元信息 |
| http-equiv | content-type expires refresh set-cookie |
把 content 属性关联到 HTTP 头部。 |
| name | author description keywords generator revised others |
把 content 属性关联到一个名称。 |
| scheme | some_text | 定义用于翻译 content 属性值的格式。 |
五、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明作用：文档声明不是 HTML 标签；DocType声明位于html文档的最前边，处于标签之前，用来告知浏览器解析器用什么文档类型和规范（DTD）来解析这个页面。
当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容。为了实现这一点创建了两种呈现模式： 标准模式和混杂模式。
严格模式：严格模式的排版和js运作模式是以浏览器最高标准来运行。
混杂模式：页面以一种比较宽松的向后兼容的方式显示。通常模拟老式浏览器的行为以防止老站点无法工作。
<!doctype html> 的作用：<!doctype html> 的作用是告诉浏览器以html5的版本来解析这个页面。
六、浏览器乱码的原因是什么？如何解决？
乱码是因为“所使用的字符的源码在本地计算机上使用了错误的显示字库”，或在本地计算机的字库中找不到相应于源码所指代的字符所致。不同国家和地区的文字字库采用了相同的一段源码，或是源文件中因为文件受到破坏，致使计算机默认提取的源码错误，或是计算机没有安装相应字库，都有可能产生乱码。
解决方法：
1、转换编码：彻底的解决方法是双方使用同一编码系统。只要用户有对应的字体文件就可以正确的显示文字。实际上要统一[编码系统]还要克服各种客观的困难，现时只有靠软件（如Microsoft AppLocale）有更高的解码能力。
2、转换字体。如果解码正确而出现错误文字，有可能是字体文件中没有相对应的字符，可尝试转换字体文件。
3、其他。有时解码的方法要视乎软件和实际环境，及不断尝试才能解 码，特别在不知本来是用哪种编码系统时。
七、常见的浏览器有哪些，什么内核？
常见的浏览器有国内的360浏览器、百度浏览器、猎豹浏览器、搜狗浏览器、qq浏览器等等有很多种，但以这几种用的居多，当然还有特别用途的浏览器，例如淘宝浏览器，我们在打开淘宝时，搜索商品，也是一种搜索引擎。
国外的就更多了，比较常见的也就是IE、Chrom、FireFox、Opera、当然还有Safar专用Mac系统的浏览器。
这些浏览器随着版本的更新，不同版本的浏览器会可以使用不同版本的内核。至于哪些浏览器版本对应什么内核，由于各种浏览器版本太多，此处不细说。下面聊聊浏览器有哪些内核。至于众多的浏览器，他们只不过是：{不同浏览器的外壳+内核=浏览器}。外壳指的是浏览器界面上的菜单，工具栏，那些让用户操作的，而他们都是调用内核来实现各种功能。
常见的几类内核可以归为：Trident、Gecko、WebKit、Blink四种。
八、列出常见的标签，并简单介绍这些标签用在什么场景
1、标题h1~h6：h1代表页面最大标题、h2代表二级标题、···h6代表最小的标题。一个页面最多只有六个标题。
2、段落P：表示大段文字。
3、链接a：链接到一个地址。
4、图片img：用于展示一张图片。
5、一大块div：用于给页面划分区块，使结构更加清晰。
6、无序列表ul li：用于表示并列的内容，li是ul的直接子元素，ul可以嵌套。
7、有序列表ol li：用于表示带步骤或者编号的并列内容，li是ol的直接子元素。可以嵌套。
8、dl、dt、dd：用于展示一系列的“标题、内容”等场景。
9、button：按钮。
10、strong和em强调标签：这两个标签用于强调网页中文本的特定词语或者段落, 但是两者在语气上有区别, strong更假强烈, 表现形式会是使用粗体, 而em会是斜体。
11、span标签： span标签是没有任何语义的, 它是自定义的, 它标签内的文本配合上css或者是JS能够高度的进行特定文本的自定义。
12、iframe：用于嵌入一个页面，但要注意跨域操作问题。
13、table：用于展示表格，现不用来做布局；thead、tbody、tfoot可以省略，浏览器会自动添加border-collapse、collapse；用于合并边框。
