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标签。
设置编码：
<meta charset='utf-8' />
页面描述 ：
<meta http-equiv="description" content="网页描述">
强制页面在当前窗口以独立页面显示：
<meta http-equiv="Window-target" content="_top">
自动刷新，并指向新的页面：
<meta http-equiv="Refresh" content="2；URL=http://">
清除缓存，再访问这个网站要重新下载：
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
设置IE兼容模式：
<meta http-equiv="X-UA-Compatible" content="IE=6" >
<meta http-equiv="X-UA-Compatible" content="IE=7" >
<meta http-equiv="X-UA-Compatible" content="IE=8" >
清除缓存，再访问这个网站要重新下载：
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
关键字，搜所引擎 SEO：
<meta http-equiv="keywords" content="关键字1,关键字2,...">
文档声明的作用?严格模式和混杂模式指什么?<!doctype html> 的作用?
- 文档声明是用于告知浏览器，用什么文档类型规范来解析这个文档，是使用HTML5还是其他HTML标准。
- <!DOCTYPE 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 | 表格的每一个单元格 |
