HTML、XML、XHTML 有什么区别
- HTML：超文本标记语言（Hyper Text Markup Language），是用来描述网页的标记语言，语法较为松散，被设计用来显示数据；
- XML：可扩展标记语言（eXtensible Markup Language)，也是一种标记语言，类似于 HTML。XML 标签没有被预定义，需要自行定义标签，被设计为自我描述性，是 W3C 推荐标准；XML 设计宗旨是传输和存储数据，而非显示数据；
- XHTML：可扩展超文本标记语言（eXtensible Hyper Text Markup Language），基于XML，作用与 HTML 相似，目的是取代HTML。XHTML 是一个 W3C 标准，相较于 HTML，XHTML 的语法更加严格。
怎样理解 HTML 语义化
- 语义化 HTML 是一种编写 HTML 的方式，选择合适的标签、使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器更好的解析。
怎样理解内容与样式分离的原则
- 写 HTML 时，先不管样式，重点放在 HTML 的机构和语义化上，让 HTML 能够体现页面的结构或者内容；
- 写 JS 的时候，尽量不要用 JS 直接去操作样式，而是通过给元素增加删除 class 来控制页面变化（即行为分离）；
- HTML 内不允许出现属性样式，尽量不要出现行内样式，减少 HTML 与 CSS 契合度（即内容与样式分离）。
有哪些常见的meta标签
| 标签 | 含义 |
|---|---|
<meta charset="utf-8"> |
声明文档编码类型 |
<meta name="keywords" content="HTML"> |
文档关键词，便于搜索引擎索引 |
<meta name="description" content="HTML"> |
页面的描述 |
<meta name="author" content="作者"> |
声明网页作者 |
<meta http-equiv="refresh" content="5"> |
5秒后刷新页面 |
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> |
声明文档兼容模式，指示IE以目前可用的最高模式显示内容 |
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
-
<!DOCTYPE>标签用来声明文档对象模型，位于文档最前面，用于告诉浏览器应该使用哪种方式来解析渲染页面； - 严格模式即使用
<!DOCTYPE>标签来声明该用哪种方式来渲染页面，混杂模式即不加<!DOCTYPE>标签，即允许浏览器使用自己的方式来渲染页面； -
<!DOCTYPE html>即声明使用HTML5来解析渲染页面。
浏览器乱码的原因是什么？如何解决
- 出现浏览器乱码一般是由于文档保存时的字符编码方式与浏览器解析时使用的字符解码格式不一致导致；
- 解决方法：在文档中声明所使用的编码方式，如：使用
<meta charset="utf-8">来声明字符编码格式为"UTF-8"。
常见的浏览器有哪些，什么内核
| 常见浏览器 | 内核 |
|---|---|
| Chrome | Webkit |
| Safari | Webkit |
| Opera | Presto |
| Firefox | Gecko |
| IE | IE内核 |
| 大部分国产浏览器 | IE内核 |
列出常见的标签，并简单介绍这些标签用在什么场景
| 标签 | 场景 |
|---|---|
<html> |
包含所有 HTML 内容的标签 |
<body> |
包含了文档的内容 |
<head> |
定义文档的头部，是所有头部元素的容器 |
<title> |
定义文档的标题 |
<meta> |
定义文档的元信息 |
<a> |
在页面中放置超链接 |
<img> |
引入图片 |
<p> |
整段文字 |
<div> |
定义一个相同属性的区块 |
<h1> |
定义为一级标题 |
<ul> |
无序列表，一般配合<li>使用 |
<ol> |
有序列表，一般配合<li>使用 |
<li> |
列表项 |
