HTML知识点小结

今天学到了HTML标签，对HTML中常见到的一些问题进行小结。

HTML、XML、XHTML 有什么区别？

HTML 指超文本标记语言
XHTML 是更严谨更纯净的 HTML 版本
XML 不是 HTML 的替代。
XML 和 HTML 为不同的目的而设计，XML 被设计为传
输和存储数据，其焦点是数据的内容；HTML 被设计用
来显示数据，其焦点是数据的外观。
HTML 旨在显示信息，而 XML 旨在传输信息。

怎样理解 HTML 语义化？

1.语义化HTML是一种编写HTML的方式。每个HTML标签都带有一定的语义，在使用这些标签时，要求选择合适的标签，使用合理的代码结构，将内容包裹，使得爬虫和机器可以对代码有更好的解析。
2.要实现HTML的语义化，就要求开发者掌握常用的HTML标签，理解各种标签所代表的含义，在不同的场景能使用合适的标签，尽量不使用没有语义信息的标签。
3.语义化带来的是更清晰的页面结构，使页面可读性更强；更清晰的代码结构，更利于开发团队的开发和维护；更好的适应性，可以支持更多的设备的不同表现形式；与机器更良好的沟通，使浏览器更容易渲染表现，也使搜索引擎更容易获取有效信息。
4.标签语义化后，在没有css时，页面的内容结构也可较好的显示。

怎样理解内容与样式分离的原则。

内容，样式，行为分离
HTML仅用于处理内容，只考虑HTML的结构和语义化，避免出现行内的样式。
CSS用于负责页面样式的实现。
JS用于负责行为的实现，但不要直接去操作样式。
内容与样式分离，可以更利于维护页面，减少工作量。

有哪些常见的meta标签。

设置编码：

页面描述：

强制页面在当前窗口以独立页面显示：

自动刷新，并指向新的页面：

清除缓存，再访问这个网站要重新下载：

设置IE兼容模式：

清除缓存，再访问这个网站要重新下载：

关键字，搜所引擎 SEO：

文档声明的作用?严格模式和混杂模式指什么? 的作用?

文档声明是用于告知浏览器，用什么文档类型规范来解析这个文档，是使用HTML5还是其他HTML标准。
的作用是声明使用HTML5的标准，告诉浏览器使用HTML5的标准来渲染页面。
当声明文档不存在或形式不正确时会导致HTML和XHTML文档以混杂模式呈现，处于混杂模式中，浏览器会以一种比较宽松的向后兼容的方式显示。通常会模拟老式浏览器的行为以防止老站点无法工作。
而在严格模式中，浏览器会按照W3C标准解析代码。

浏览器乱码的原因是什么？如何解决。

当代码的编码保存方式和浏览器的解码方式不同的时候，会导致页面出现乱码。这时可以在HTML中声明编码格式。一般使用utf-8这种编码标准。

常见的浏览器及内核。

浏览器	内核
IE	Trident
Chrome	WebKit
Safari	WebKit
opera	Presto
Firefox	Gecko

常见的标签，及应用场景。

标签	场景
html	定义页面开始与结束
head	页面头部标签
title	定义页面标题
body	页面身体标签
h1-h6	标题标签
p	段落标签
a	链接标签
div	定义一块区域的标签
br	换行
ul、li	无序列表
ol、li	有序列表
dl、dt、dd	自定义列格
button	按钮标签
strong	强调标签
em	强调标签弱于strong
span	标记一段行内元素
iframe	在当前页面嵌入一个页面
table	表格标签
tr	表格的一行
th	表头所在的单元格
td	表格的每一个单元格