一、HTML、XML、XHTML 有什么区别
1、HTML：HyperText Markup Language / 超文本标记语言：
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)- HTML 使用标记标签来描述网页
2、XML: Extensible Markup Language / 可扩展标记语言：
- XML 指可扩展标记语言（EXtensible Markup Language）
- XML 是一种标记语言，很类似 HTML
- XML 的设计宗旨是传输数据，而非显示数据
- XML 标签没有被预定义。您需要自行定义标签
- XML 被设计为具有自我描述性
- XML 是 W3C 的推荐标准
3、XHTML: Extensible Hypertext Markup Language / 可扩展超文本标记语言：
- XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）
- XHTML 的目标是取代 HTML
- XHTML 与 HTML 4.01 几乎是相同
- XHTML 是更严格更纯净的 HTML 版本
- XHTML 是作为一种 XML 应用被重新定义的 HTML
- XHTML 是一个 W3C 标准
二、怎样理解 HTML 语义化
1、HTML语义化是什么？
语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。
2.为什么要语义化？
- 用正确的标签做正确的事情，让页面的内容结构化，便于浏览器、搜索引擎解析
- 有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重
- 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
- 方便其他设备的解析
- 便于团队开发和维护
三、怎样理解内容与样式分离的原则
1、什么是样式分离
一个网页分为三个部分：Html——结构，css——表现，javascrip——行为。内容也就是html，样式也就是css。所以内容和样式的分离，就是指在网页编码的过程中，要将html和css两大部分分开。
2、分离的优点
- 浏览器加载网页页面速度变快。分离原则下，大部分页面代码写在了CSS当中，页面体积容量变得更小。
- 网页修改设计时，效率、省时。根据html标签内ID或class的标记，到CSS里找到相应的ID或class，可以快速替换指定位置的样式，不会破坏页面架构和其他部分的样式。
典型的应用就是网页换肤，使用相同的 html 结构，不同的 css 样式。- 更好地被搜索引擎收录。基于内容与样式分离的原则，html的语义化就是首要考虑的,网页中语义化的标签代码就会更加适合搜索引擎。
- css样式的分离，它可以根据不同的浏览器，达到显示效果的统一。保证网页架构不变形的前提下，放心在不同浏览器渲染显示样式
3、如何实现
- 写HTML的时候先不管样式，重点放在HTML的结构和语义化上，让HTML能体现页面结构或者内容
- 然后进行 css 样式设置，减少 HTML 与 CSS 契合度（即内容与样式分离）
- 写JS的时候，尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化（即行为分离）
四、有哪些常见的meta标签
meta标签的用法有很多，以下是常用的一些：
- 指定文档编码 <meta charset="utf-8">；
- 适配移动页面 <meta name="viewport" content="width=device-width, initial-scale=1.0">；
- 定制页面图标 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">；
- 设置 referer <meta name="referrer" content="never">；
- 添加页面描述 <meta name="description" content="页面描述">
五、文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- <!doctype>标签用来声明文档对象模型，用来告诉浏览器应该使用哪种方式来解析渲染页面。
- 严格模式就是使用<!doctype>标签来显式声明该用哪种方式来渲染页面。
- 混杂模式即不加<!doctype>标签，允许浏览器使用自己的方式来渲染页面。
- <!doctype html>即就是声明使用HTML5来解析渲染页面。
六、浏览器乱码的原因是什么？如何解决
- 浏览器对HTML网页的编码解释错误，HTML文件保存的编码与浏览器解释的编码不一致造成（一般多为中文)。
- meta标签里没有设置编码字符集或meta字符集设置错误。
- 在<head>里添加<meta charset="">来声明编码格式解决
七、常见的浏览器有哪些，什么内核
- 常见浏览器：
Chrome，Safari，Opera，IE，Firefo。- 主要浏览器内核：
Chrome、Opera：blink
Safari：webkit
IE：trident，edgehtml
Firefox：servo、gecko
八、列出常见的标签，并简单介绍这些标签用在什么场景
!DOCTYPE：定义文档类型。
html：定义HTML文档。
head：定义文档的头部，它是所有头部元素的容器。
title：定义文档标题。
body：定义文档主体。
div：定义文档的分区或节。
h1-h6:标题
p：段落
a：跳转链接
img：图片
div：划分布局
ul>li：无序列表
ol>li：有序列表
dl>dt、dd自定义列表
table：表格
input按钮
br换行
hr分割线
