HTML,XML,XHTML
- HTML是一种超文本标记语言，语法不严格，比如标签大小写，标签不闭合等
- XML是一种可扩展标记语言，XML的标签需要自定义
- XHTML是一种可扩展超文本标记语言
xml和html的区别
- html只能用于在网页中，而XML可以跨平台进行信息交流
- XML的标签是自定义的，非常灵活多变，但是html的标签是展示给浏览器的，是限定的
- xml主要用来传输和存储数据，旨在传输信息。而html则主要用在显示数据。
xhtm和html的区别
xhtml比html更加严格，要求标签必须被闭合，必须使用小写,必须合理被嵌套，属性要使用双引号（“ ”），所有标签必须被关闭
为什么要使用html的语义化
- 在没有css的时候，页面也能呈现出良好的结构
- 有利于SEO，有助于爬虫获取更多有效信息，依赖于标签来确定上下文和各个关键字的权重
- 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页
- 有利于团队开发和维护，团队成员都遵循html的语义化可以减少差异化
为什么html（结构），css（样式），JavaScript（表现）要分离
- 利用css的重用和继承可以使结构更加清晰
- html和css分离，在修改样式时可以直接修改css文件而不用到html中寻找到具体某个位置再进行修改，省时省力
- css和JavaScript分离可以通过JavaScript添加className来改变样式
- 利于模块化开发
常见的meta标签
** ** <meta charset="utf-8"> //charset用来声明编码格式
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //如果使用ie浏览器就用最新的ie来渲染页面 ，若果用谷歌浏览器就用chrome的方式来渲染
<meta name="viewport" content="width=device-width,intial-scale=1,maximum-scale=1"> //该行主要用于移动端设备，显示窗口宽度是客户端的屏幕宽度
<html lang="en">
** ** lang表示当前浏览器的语言
<!DOCTYPE html>
doctype用来声明文档类型，doctype html声明文档类型为html5
网页显示乱码的原因
编辑器保存的格式和charset的格式不一致
标准模式和混杂模式
- 在标准模式中，浏览器以其支持的最高标准呈现页面
- 在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。
| 常用浏览器 | 内核 |
|---|---|
| Chrome&Safari | Webkit |
| Opera | Presto |
| Firefox | Gecko |
| ie | Trident |
