关于HTML
HTML、XML、XHTML 有什么区别
-
HTML：超文本标记语言（HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。网页浏览器可以读取HTML文件，并将其渲染成可视化网页
-
XHTML：可扩展超文本标记语言（eXtensible HyperText Markup Language，简称：XHTML），是一种标记语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。基于HTML的基础上进行了扩展和规范，让XHTML更加严格，主要目的是促进HTML向XML过渡。
-
XML：可扩展标记语言（Extensible Markup Language，简称：XML），是一种标记语言，很类似HTML。XML的设计宗旨是传输数据，而非显示数据，XML的标签没有被预定义，您需要自行定义标签。XML 被设计为具有自我描述性，是 W3C 的推荐标准。
-
主要区别：
XML 被设计用来传输和存储数据，而 HTML 则用来显示数据。
XHTML 是 HTML 与 XML（可扩展标记语言）的结合。
XHTML 包含了所有与 XML 语法结合的 HTML 4.01 元素。
怎样理解 HTML 语义化
- 语义化的含义就是用正确的标签做正确的事情，HTML语义化是指根据内容的结构选择合适的标签，也就是根据网页内容将代码语义化。HTML标签语义化是Web网页标准化的重要一环，也是标准制定时重要的设计原则。HTML5中新增加的很多标签（如：<article>、<nav>、<header>和<footer>等）就是基于这样的设计原则。
怎样理解内容与样式分离的原则
- 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。HTML负责网页内容（结构）部分，样式则负责了页面的展示效果。内容与样式分离使得内容和样式各自只负责自己的部分，消除两者的耦合。更重要的是分离增强了机器的可读性，使得机器、网络爬虫能更好地理解页面内容。
有哪些常见的meta标签？
-
meta标签共有两个属性，分别是http-equiv属性和name属性。
1.name属性
name属性主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。meta标签中name属性语法格式是：
<meta name="参数" content="具体的描述"> -
keywords(关键字)
说明：用于告诉搜索引擎，你网页的关键字。举例：
<meta name="keywords" content="软件，开发"> -
description(网站内容的描述)
说明：用于告诉搜索引擎，你网站的主要内容。举例：
<meta name="description" content="财务软件，外贸软件"> -
viewport(移动端的窗口)
说明：这个属性常用于设计移动端网页。在用bootstrap,AmazeUI等框架时候都有用过viewport。举例：
<meta name="viewport" content="width=device-width, initial-scale=1">
2.http-equiv属性
- http-equiv顾名思义，相当于http的文件头作用。
meta标签中http-equiv属性语法格式是：
<meta http-equiv="参数" content="具体的描述">
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
文档声明的作用
文档声明是为了告诉浏览器，你的 HTML 文档是用的什么版本的 HTML 来写的，这样浏览器才能按照你声明的版本来正确的解析你的 HTML 文档。
严格模式和混杂模式指什么?
- 严格模式（推荐）现在也称为标准模式，在该模式下，浏览器会严格按照 HTML 和 CSS 标准来解析、渲染你的文档。
- 混杂模式（不推荐）的由来是一个历史问题。在互联网早期，网页一般写成两个版本：一个写给网景公司的 Navigator浏览器，一个写给微软公司的IE浏览器。当W3C制定了 Web 标准后，这两个浏览器不能马上开始按标准来解析渲染页面，因为这样会破坏当时大部分页面的显示效果。所以各浏览器就引入了混杂模式，在该模式下，浏览器会模拟Navigator 4和IE5的非标准行为来解析渲染页面，这样做就是为了兼容在W3C标准出现之前就存在的那些“不标准”的页面。
<!doctype html> 的作用
<!doctype html> 的作用就是让浏览器进入标准模式，使用最新的 HTML5标准来解析渲染页面；如果不写，浏览器就会进入混杂模式，而这是我们要避免的。
浏览器乱码的原因是什么？如何解决
产生乱码的原因：
1.比如网页源代码是gbk的编码，而内容中的中文字是utf-8编码的，这样浏览器打开即会出现html乱码。反之网页是编码utf-8，内容是gbk也会出现乱码。
2.html网页编码是gbk，而程序从数据库中调出呈现是utf-8编码的内容也会造成编码乱码。
3.浏览器不能自动检测网页编码，造成网页乱码。
解决方法：
1.使用软件进行编辑HTML网页内容
2.如果网页设置编码是gbk的，而数据库储存数据编码格式是UTF-8的，这个时候程序查询数据库数据显示数据前进程序转码即可。
3.如果浏览器浏览时候出现网页乱码，在浏览器中找到转换编码的菜单进行转换。
常见的浏览器有哪些，什么内核
| 常见浏览器 | 内核 |
|---|---|
| Internet Explorer | IE内核 |
| Firefox | Gecko |
| Opear | Presto |
| Safari | Webkit |
| Chrome | Blink |
列出常见的标签，并简单介绍这些标签用在什么场景
<html></html>
根标签，所有的网页标签都在<html></html>中。
<head></head>
标签用于定义文档的头部，它是所有头部元素的容器。
<body>和</body>
标签之间的内容是网页的主要内容
<h1></h1>~<h6></h6>
一级标题到六级标题
<p>
用于文字的段落，占一行
<span></span>
标签是没有语义的，它的作用就是为了文字设置单独的样式用的。
<br>
换行标签，自闭合标签
<em></em>
标签内的文字会变成斜体
<ul> <li> <li> </ul>
无序列表
<ol> <li> <li> </ol>
有序列表
<div></div>
标签是没有语义的，将元素包裹的一个容器，常用于对一个模块设置样式用。
<table></table>
表格标签，用于制作表格
<form></form>
用于打包form内的表单数据。
<img>
用于插入图片，自闭合标签。
<a>
超链接标签，用于跳转网页，自闭合标签。
