HTML基本知识点

1.HTML、XML、XHTML 有什么区别

因为相同之处从字面可以看出，他们都是ML，都是标记语言（Markup Language），所以不同就是前面的部分了。
HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
XML，可扩展标记语言，主要用于存储数据和结构，可扩展；
XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格。

2.怎样理解 HTML 语义化

根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析

3.内容与样式分离的原则

在一个网页中，内容、样式、行为分别由HTML、css、JS来控制。

写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化
HTML 内不允许出现属性样式，尽量不要出现行内样式

4.有哪些常见的meta标签

什么是meta标签？

w3school的解释为：<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部。
其中元信息，就是是用于描述数据的数据。它不会显示在页面上，但是机器却可以识别。所以简单来说，meta标签的作用就是定义页面的说明，关键字，最后修改日期，和其它的元信息。这些元信息将服务于浏览器（如何布局或重载页面），搜索引擎和其它网络服务。

meta标签的组成：

meta标签共有两个属性，分别是http-equiv属性和name属性。

name属性：
主要用于描述网页，比如网页的关键词，叙述等。与之对应的属性值为content，content中的内容是对name填入类型的具体描述，便于搜索引擎抓取。meta标签中name属性语法格式是：

<meta name="参数" content="具体的描述">。

http-equiv属性:
相当于HTTP的作用，比如说定义些HTTP参数的。语法格式为：

<meta http-equiv="参数" content="具体的描述">

常见的meta标签：

<!-- 声明编码方式 -->
<meta charset='utf-8' />
<!-- 优先使用IE最新版本和Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<!-- content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。 -->
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<!-- 页面关键词 -->
<meta name="keywords" content="关键词1,关键词2,..." />

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

文档声明用来告知浏览器当前文档所使用的HTML或XHTML规范。
严格模式是指按照浏览器所支持的最高版本来实现效果；混杂模式则相反，尽可能向后兼容。使用老版本浏览器的显示模式。
<!doctype html>是用来声明当前文档为html5

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

产生乱码的原因一般是文档没有声明自身的编码导致浏览器错误地使用了与文档不同的解码方式，从而导致内容无法正常显示
解决方法：记得声明编码方式，并在保存的时候选择同样的编码方式

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

浏览器内核主要指的是浏览器的渲染引擎

IE浏览器——Trident内核
chrome浏览器——WebKit内核
FireFox浏览器——Gecko内核
Opera浏览器——Presto内核
Safari浏览器——WebKti内核
国产浏览器——所谓的双内核，就是指Trident和WebKit

8.常见的标签及使用场景

h1~h6，标题
p，段落
a，链接
img，图片
div，语义为“一大块”，用于给页面划分区块，让结构更清晰
ul li ，无需列表
ol li，有序列表
table thead tbody tfoot tr td，表格相关标签
dl dt dd，用于展示一系列 “标题:内容... ”的场景
button，按钮
em，strong ，强调，着重，后者强调性更强
iframe，用于嵌入一个页面注意跨域操作问题