HTML、XML、XHTML 有什么区别
HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
XML，可扩展标记语言，主要用于存储数据和结构参考；
XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格参考。
怎样理解 HTML 语义化
语义化HTML是一种编写HTML的方式
选择合适的标签、使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。
怎样理解内容与样式分离的原则
写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化
HTML 内不允许出现属性样式，尽量不要出现行内样式
优势：1.使页面载入得更快 2.修改代码时更有效率 3.更好地被搜索引擎收录 4.方便被浏览者和浏览器读取 5.视觉上的简洁，思路清晰 6.少挨几句骂
有哪些常见的meta标签
| meta标签 | 作用 |
|---|---|
<mata charset="utf-8"> |
声明文档使用的字符编码 |
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/> |
声明文档兼容模式，指示IE以目前可用的最高模式显示内容 |
<meta name="keywords" content="your tags"> |
定义针对搜索引擎的关键词 |
<meta name="description" content="不超过850个字符"> |
页面描述，告诉搜索引擎你的站点的主要内容 |
<meta name="author" content="你的姓名"> |
定义网页作者 |
<meta name="revised" content="David, 2008/8/8/" /> |
定义页面的最新版本 |
<meta http-equiv="refresh" content="5"/> |
5秒刷新一次页面 |
<meta http-equiv="expires" content="Mon,12 May 2001 00:20:00 GMT"> |
用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式 |
<meta http-equiv="pragma" content="no-cache"> |
禁用缓存 |
<meta http-equiv="set-cookie" content="Mon, 12 May 2001 00:20:00 GMT"> |
cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也必须使用GMT时间格式。 |
<meta name="Robots" Content="all"> |
告诉搜索机器人哪些页面需要索引 |
Robots 介绍
<meta name="Robots" Content="all">字段说明：
all：文件可被检索，链接可被查询
none：文件不被检索，链接不被查询
index：文件可被检索（允许登陆页面）
noindex：文件不被检索，链接可被查询（即禁止登陆页面）
follow：链接可被查询
nofollow：文件可被检索，链接不被查询（即禁止继续发掘）
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
① 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
② 当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式
在标准模式中，浏览器以其支持的最高标准呈现页面；
在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
③ 用来声明这是一个H5页面
浏览器乱码的原因是什么？如何解决
造成html网页乱码原因主要是html源代码内中文字内容与html编码不同造成。
乱码原因
下面这个流程是我们写入文件到展示文件的简单描述：
我们使用编辑器编写 HTML 文件
保存编写的HTML文件
使用浏览器打开HTML文件
HTML文件在浏览器展示
乱码产生的根源就在与第2步骤和第4步。
在第2步保持文件时会把我们写入的文字使用编辑器默认的编码方式进行保存。如果大家使用的是vscode编辑器，默认的编码方式是utf-8。
2017-05-21_142215.png
“浏览器乱码的原因是是什么？如何解决" 引自于若愚_饥人谷 聊一聊编码与乱码 侵权删
网友评论