HTML、XML、XHTML 有什么区别？

HTML：超文本标记语言，是语法较为松散的、不严格的Web语言，主要用于显示数据。
XML：可扩展标记语言，主要用于传输、存储数据；标签没有被预定义，需要自行定义标签。
XHTML：可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。

怎样理解 HTML 语义化？

HTML语义化是一种编写HTML的方式。根据内容的结构化（内容语义化），选择合适的标签、使用合理的代码结构，便于开发者阅读和写出更优雅的代码，同时让浏览器、搜索引擎更好地解析。在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

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

开发网页时，写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式，HTML 内不允许出现属性样式，尽量不要出现行内样式。不仅可以更清晰地分别表达样式或者内容，更重要的是这一分离使得二者不再耦合，样式变得可复用、组件化，便于后续开发人员阅读和维护。

有哪些常见的meta标签

meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。meta标签的属性有name属性和http-equiv属性：

1.name属性

主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。
其中name属性常用几种参数：
keywords(关键字)：用于告诉搜索引擎，网页的关键字
<meta name="keywords" content="web基础">
description(网站内容的描述)：用于告诉搜索引擎，网站的主要内容
<meta name="description" content="前端知识">
viewport(移动端的窗口)：常用于设计移动端网页
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">

2.http-equiv属性

content-Type：设定网页字符集
<meta http-equiv="content-Type" content="text/html;charset=utf-8"> //html4
<meta charset="utf-8"> //html5
X-UA-Compatible：浏览器采取何种版本渲染当前页面
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染当前页面
refresh：自动刷新并指向某页面
<meta http-equiv="refresh" content="2；URL=http://www.google.co.uk"> //意思是2秒后跳转到google

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

文档声明：声明文档对象模型，告诉浏览器应该使用哪种方式来解析渲染页面。
严格模式：使用<!doctype>标签来显式声明该用哪种方式来渲染页面；混杂模式即不加<!doctype>标签，允许浏览器使用自己的方式来渲染页面。
<!doctype html>是声明使用HTML5标准来解析渲染页面。

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

浏览器乱码的原因是编辑器保存的文档设置的字符集和html文档设置的字符集不一致，而浏览器会按html文档设置的字符集解析。
html文档的字符集设置为utf-8<meta charset="utf-8">,编辑器保存文档的字符集与之一致。

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

常见的浏览器有IE、chrome、Firefox、Safari、Opera、Netscape等。
Trident内核：Internet Explorer，又称其为IE内核。
Gecko内核：Firefox、Netscape6至9。
WebKit内核：Safari、Chrome。
Presto内核：Opera 7.0及以上使用。

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

标签	使用场景
`<html>`	定义html文档
`<body>`	定义文档的主体
`<head>`	定义了文档的信息
`<title>`	定义了文档的标题
`<meta>`	定义了HTML文档中的元数据
`<link>`	定义了一个文档和外部资源之间的关系
`<script>`	定义了客户端的脚本文件
`<style>`	定义了HTML文档的样式文件
`<h1>~<h6>`	定义标题
`<hr/>`	创建水平线
`<!-- 这是一个注释 -->`	注释
`<p>`	定义一个段落
`<br/>`	换行
`<b>`	定义粗体文本
`<em`	定义着重文字
`<i>`	定义斜体字
`<strong>`	定义加重语气
`<small>`	定义小号字
`<a>`	定义一个超级链接
`<img>`	定义图像
`<table>`	定义表格
`<th>`	定义表格的表头
`<tr>`	定义表格的行
`<td>`	定义表格的列
`<ol>`	定义一个有序列表
`<ul>`	定义一个无序列表
`<li>`	定义列表项
`<div>`	定义了文档的区域
`<span>`	用来组合文档中的行内元素
`<form>`	定义供用户输入的表单
`<input>`	定义输入域
`<textarea>`	定义文本域 (一个多行的输入控件)
`<label>`	定义了 <input> 元素的标签，一般为输入标题
`<select>`	定义了下拉选项列表
`<option>`	定义下拉列表中的选项
`<button>`	定义一个点击按钮

HTML常见问题