<h1>一、HTML、XML、XHTML 有什么区别</h1>
<ol>
<li>HTML，全名为超文本标记语言（Hyper Text Markup Language），是语法较为松散的、不严格的Web语言；</li>
<li>XML，全名为可扩展标记语言（Extensible Markup Language），主要用于存储数据和结构；</li>
<li>XHTML，可扩展超文本标记语言，是根据HTML 4 和 XML 1.0重组而成。基于XML，作用与HTML类似，但语法更严格；</li>
</ol>
<h1>二、怎样理解 HTML 语义化</h1>
<p>语义化的含义就是用正确的标签做正确的事情，html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于 SEO。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。</p>
<h1>三、怎样理解内容与样式分离的原则</h1>
<ul>
<li>内容和样式的分离使得批量改变样式变得更加方便；
<li>可以提高搜索引擎的搜索效率，我们检索内容的时候往往是不考虑样式的；</li>
</ul>
<h1>四、有哪些常见的meta标签</h1>
<dl>
<dt>1、指定字符集：</dt>
<dd><meta charset='utf-8' /></dd>
<dt>2、向搜索引擎说明你的网页的关键字：</dt>
<dd><meta name="keywords" content="关键字"/></dd>
<dt>3、告诉搜索引擎你的站点的主要内容：</dt>
<dd><meta name="description" content=""/></dd>
<dt>4、告诉搜索引擎你的站点的制作的作者：<dt>
<dd><meta name="author" content=""/></li></dd>
<dt>5、优先使用 IE 最新版本和 Chrome</dt>
<dd><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /></dd>
</dl>
<h1>五、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?</h1>
<dl>
<dt>文档声明的作用?</dt>
<dd>文档声明是为了告诉浏览器，你的 HTML 文档是用的什么版本的 HTML 来写的，这样浏览器才能按照你声明的版本来正确的解析你的 HTML 文档。</dd>
<dt>严格模式和混杂模式指什么?</dt>
<dd>
<ul>
<li>严格模式（推荐）现在也称为标准模式，在该模式下，浏览器会严格按照 HTML 和 CSS 标准来解析、渲染你的文档。
<li>混杂模式（不推荐）的由来是一个历史问题。在互联网早期，网页一般写成两个版本：一个写给网景公司的 Navigator浏览器，一个写给微软公司的IE浏览器。当W3C制定了 Web 标准后，这两个浏览器不能马上开始按标准来解析渲染页面，因为这样会破坏当时大部分页面的显示效果。所以各浏览器就引入了混杂模式，在该模式下，浏览器会模拟Navigator 4和IE5的非标准行为来解析渲染页面，这样做就是为了兼容在W3C标准出现之前就存在的那些“不标准”的页面。</li>
</ul>
</dd>
<dt><!doctype html> 的作用?</dt>
<dd><!doctype html> 的作用就是让浏览器进入标准模式，使用最新的 HTML5标准来解析渲染页面；如果不写，浏览器就会进入混杂模式，而这是我们要避免的。</dd>
</dl>
<h1>六、浏览器乱码的原因是什么？如何解决</h1>
<p>产生乱码的原因一般是文档没有声明自身的编码导致浏览器错误地使用了与文档不同的解码方式，从而导致内容无法正常显示；</p>
<p>HTML 文档一定要指定字符集为utf-8，因为这个字符集包括了世界上几乎所有的文字，没有理由不用它。<meta charset="utf-8">编辑器保存文档使用的字符集一定要跟 HTML 文档指定的字符集匹配，也就是 utf-8；</p>
<h1>七、常见的浏览器有哪些，什么内核</h1>
<ul> <li>Trident ：IE浏览器使用的内核
<li>Gecko :Mozilla FireFox采用的内核
<li> Webkit：Chrome浏览器和Safari浏览器采用的内核
<li> Presto ：代表作品OperaPresto
</ul>
<h1>八、列出常见的标签，并简单介绍这些标签用在什么场景</h1>
<ul><li>h1-h6 标题标签
<li>p 段落标签
<li>a 链接标签
<li>href="#about" 跳转到id为about的位置
<li>href="/test" 跳转到完整域名+test
<li>img 图片链接
<li>alt 图片无法展示时，显示内容，便于视力障碍人士使用
<li>div 块标签
<li>ul 无序列表
li ul的子标签，ul下的直接元素必须是li
<li>ol 有序列表
li ol的子元素
<li>dl dt dd用于展示一系列 “标题:内容... ”的场景
<li>button 按钮标签
<li>strong 强调元素
<li>em 中层强调元素
<li>span 标记一段行内元素
<li>iframe 在当前页面嵌入一个页面
<li>table 用于展示表格，不要用来做布局
thead、tbody、tfoot 一般不用写
tr 代表表格的一行
th 代表表格第一行的列内容
td 代表表格的一列
</ul>
