HTML、XML、XHTML 的区别
HTML:
超文本标记语言,是语法较为松散的,不严格的Web语言;
XML:
可扩展标记语言,主要用于存储数据和结构参考
XHTML
可扩展超文本标记语言,基于XML,作用与HTML类似,但语法更严格参考
HTML 语义化
让正确的标签做该做的事,选择合适的标签,使用合理的代码结构。便于开发者阅读。同时让浏览器的爬虫和机器很好的解析
内容与样式分离的原则
- 写 HTML 仅处理内容,只考虑 HTML 的结构和语义化,避免出现属性样式。
- 写 JS 的时候,尽量不使用 JS直接操作样式。
- 页面展现的所有样式,都由CSS来负责实现。
常见的meta标签
标签 | 含义 |
---|---|
声明文档使用的字符编码 | |
声明文档兼容模式,指示IE以目前可用的最高模式显示内容 | |
定义针对搜索引擎的关键词 | |
页面描述,告诉搜索引擎你的站点的主要内容 | |
定义网页作者 | |
定义页面的最新版本 | |
5秒刷新一次页面 | |
用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式 | |
禁用缓存 | |
cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也必须使用GMT时间格式。 | |
搜索引擎索引方式 |
文档声明的作用
-<!doctype>标签用来声明文档对象模型,用来告诉浏览器应该使用哪种方式来解析渲染页面。
-严格模式就是使用<!doctype>标签来显式声明该用哪种方式来渲染页面。
-混杂模式即不加<!doctype>标签,允许浏览器使用自己的方式来渲染页面。
-<!doctype html>即就是声明使用HTML5来解析渲染页面。
浏览器乱码的原因
浏览器出现乱码一般是由于在制作页面时使用非英文字符时,保存的编码格式与浏览器解析时的解码格式不匹配。为了解决这个问题,就要在页面保存时就在HTML的里添加来声明编码格式,来告诉浏览器应该用什么解码格式来解码,例如使用UTF-8来编码的页面,添加`来告诉浏览器使用UTF-8格式来解码,就不会出现乱码了。
常见的浏览器
浏览器 | 内核 |
---|---|
Internet Explorer | IE内核 |
Firefox | Gecko |
Opear | Presto |
Safari&Chromr | Webkit |
常见的标签
标签 使用场景
将所有HTML内容都包含在这个标签内 | |
---|---|
用于定义文档的头部,它是所有头部元素的容器。 | |
文档的标题 | |
提供有关页面的元信息 | |
文档的内容 | |
h1 | 一级标题,h1h6分别对应六级标题,从16标题一次减小 |
p | 整段文字 |
a | 定义锚,即在页面插入链接 |
img | 图片 |
ul | 无序列表 |
ol | 有序列表 |
li | 列表项 |
br | 换行 |
div | 定义文档中的节,默认表现为块元素 |
span | 定义定义文档中的节,默认表现为行内元素 |
em | 定义强调文本 |
i | 定义斜体字 |
strong | 定义强调文本 |
q | 定义短引用 |