HTML，XML，XHTML有什么区别

HTML，HyperText Markup Language,超文本标记语言。
XML，Extensible Markup Language,可扩展标记语言。
XHTML，Extensible HyperText Markup Language,可扩展超文本标记语言

虽然HTML在前，但XML的出现不是对HTML的替代，而是根据HTML，补充修改规范一些语法，以达到设计目的：XML被设计用来传输和存储数据，关注数据的内容；HTML被设计用来显示数据，关注数据的外观。

XHTML是HTML的继承者，XHTML的出现就是想要取代HTML，因为HTML语法要求比较松散，对于计器处理起来就比较困难，需要兼容更多的东西，所以出现了语法更加严格的XHTML。

怎样理解HTML语义化

语义化HTML是一种编写HTML的方式，就是选择合适的标签（例如<h></h>就是标题，这个标签赋予了语义），使用合适的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好的解析。

怎样理解内容和样式分离原则

样式有CSS控制，在HTML中不写样式，主要关注对内容结构的展现，使得内容更好的被浏览器的爬虫和机器解析。当我们要修改样式的时候，只需要修改CSS文件，而不需要在html的一行行代码中修改。内容样式分离写，还可以让我们的代码清晰，便于阅读。

有哪些常见的meta标签

可分为两大部分，http-equiv和name这两个变量

<meta charset="utf-8"> charset 用于对html编码的定义。例如：utf-8；gbk；
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 用于文档兼容模式的定义，edge即告诉IE用当前支持的最高级标准模式渲染，而chrome=1，表示使用chrome frame渲染。
<meta name="keywords" content="关键词"> 描述网页的属性，关键词形式
<meta name="description" content="详细描述"> 描述网页属性，详细的描述，可以是一段话
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 定义网页窗口的大小，特别是在手机端，使用viewport，使得网页中的内容不至于太小。

文档声明的作用？严格模式和混杂模式指什么？<!DOCTYPE html>的作用？

文档声明的作用是为了让浏览器选择呈现模式。

严格模式，Standards （标准）模式，呈现遵循最新标准的网页
混杂模式，Quirks （包容）模式，呈现以前未按统一标准编写的网页

<!DOCTYPE html>这个声明告诉浏览器，这是一个遵循HTML5标而写的网页，让浏览器选择严格模式。

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

浏览器设置的网页编码与html中定义的编码不同，会造成乱码。解决：查看网页源代码，设置与之相同的编码。

html源代码中出现的文字不是源代码中定义的编码类型，这时会造成乱码。解决：修改源代码中的编码类型，使文字能正常显示。

常见的浏览器有哪些？什么内核？

常见的浏览器及其内核：

chrome，safari，其内核是WebKit；
IE，其内核是Trident；
firefox，其内核是Gecko；
Opera，其内核是Presto；

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

- <h1>用于标题，有h1~h6，6个等级的标题</h1>

- <p>表示一个段落</p>

- <a href="链接" target="打开方式（_blank，即在新窗口打开）" title="链接说明">显示链接的文字</a>

- ![](图片的URL)

- <div id="标记这个‘块’">分割文档形成独立的一个部分，可以应用id或是class属性</div>

- <ul>

    <li>表示无序列表</li>
    <li>表示并列的内容</li>
    <li>可以嵌套</li>
  </ul>

- <ol>

    <li>表示有序列表</li>
    <li>显示为带编号的内容</li>
    <li>可以嵌套</li>
  </ol>

- <dl>

    <dt>用于展示标题和内容，这里写标题</dt>
    <dd>标题下的内容</dd>
    <dd>标题下的内容格式表现为缩进，</dd>
  </dl>

- <button>按钮，这里是显示按钮的文字；在标签内部可以放置内容</button>

- <p>对一段文字表示<em>强调</em>，或是更加<strong>强烈的强调</strong>，或者只是想要<span>标记出来</span></p>

- <iframe src="链接" name="属性">创建包含另外一个文档的内联框架，这里可以写出说明的文字</iframe>
<p><a href="目标链接" target="name">显示链接的文字</a></p>当使用一个链接target到<iframe>时，会在iframe创建的框架里显示目标链接的内容

- <table>
    <tr>
      <th>tr表示一行</th>
      <th>th表示表头，也表示列，这里输入内容</th>
    </tr>
    <tr>
      <td>再写一个tr，表示这里是第二行，这里是第二行，第一列</td>
      <td>td表示列，这里是第二行，第二列</td>
    </tr>
  </table>

完成课程任务4，关于HTML相关问题