HTML、XML、XHTML 有什么区别
HTML是超文本标记语言，语法较为松散、不严格，是用于展示数据的，
XML是可扩展标记语言，是用于存储数据和结构的，
XHTML是HTML和XML特点的结合，表现方式与HTML类似，但语法更为严格，比如所有的标签必须小写，所有标签必须闭合，每一个属性都必须使用引号包住。
怎样理解 HTML 语义化
选择合适的标签、使用合理的代码结构，提高代码的可读性，同时让爬虫和机器更好的解析。即使在没有CSS的情况下，页面也能呈现出很好的内容结构和代码结构。
怎样理解内容与样式分离的原则
HTML重点在结构和语义化上，不可以出现属性样式，尽量不要出现行内样式。内容归HTML，样式归CSS，这样代码结构更为清晰，便于理解和后期维护。
有哪些常见的meta标签
| 标签 | 含义 |
|---|---|
| <meta charset='utf-8'> | 声明文档使用的字符编码 |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> | 优先使用 IE 最新版本和 Chrome |
| <meta name="description" content="不超过150个字符"/> | 页面描述 |
| <meta name="keywords" content=""/> | 页面关键词 |
| <meta name="author" content="name, email@gmail.com"/> | 网页作者 |
| <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> | 为移动设备添加 viewport |
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明的作用是指示浏览器关于页面使用哪个 HTML 版本进行编写和渲染。
- 严格模式：浏览器以其支持的最高标准呈现页面。
- 混杂模式：页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
两种模式的触发方式
包含形式完整的DOCTYPE，一般以标准模式呈现。
包含过渡 DTD 和 URI 的 DOCTYPE ，也以严格模式呈现，但有过渡 DTD 而没有 URI （统一资源标识符，就是声明最后的地址）会导致页面以混杂模式呈现。
DOCTYPE不存在或形式不正确会导致HTML和XHTML文档以混杂模式呈现
<!doctype html>是指用html5的标准来渲染页面。
浏览器乱码的原因是什么？如何解决
浏览器乱码的原因是文件保存的编码格式和浏览器解析时的解码格式不匹配。
解决方法：在HTML的<head>里加上<meta charset="utf-8">，charset的值就是保存文件的编码格式。
常见的浏览器有哪些，什么内核
| 内核 | 简介 | 常见浏览器 |
|---|---|---|
| Trident | 微软开发的一种排版引擎 | IE、傲游、世界之窗 |
| Gecko | 一套开放源代码的、以C++编写的网页排版引擎 | Firefox |
| WebKit | 是一个开源项目，包含了来自KDE项目和苹果公司的一些组件，主要用于Mac OS系统，它的特点在于源码结构清晰、渲染速度极快。 | Safari和Chrome |
| Presto | 是由Opera Software开发的浏览器排版引擎，供Opera 7.0及以上使用 | Opera |
列出常见的标签，并简单介绍这些标签用在什么场景
| 标签 | 作用 |
|---|---|
| h1~h6 | 标题，h1代表最大的标题，标题内不能有段落 |
| <p> | 段落，包裹大段文字，段落内不能有标题 |
| <a> | 链接 |
| <div> | 块元素，用于给页面分块 |
| <ul><li> | 无序列表，ul的直接子元素是li |
| <ol><li> | 无序列表，ol的直接子元素是li |
| <button> | 按钮 |
| <ifranme> | 用于嵌入一个页面 |
| <table> | 用于展示表格，不要用来布局 |
| <html> | 一个页面只会有一个 |
| <form> | 表单 |
