写在最前，一些与网站相关的知识：
- html文件的执行顺序是从上往下的
- 网页的三要素分别是文本、图片和超链接
- SEO：搜索引擎优化
采用易于采用易于搜索引擎索引的合理手段，是网站各要素适合搜索引擎原则并对用户更加友好，从而以提高网页的曝光量，带来更精确的流量。
（1）. 内部优化
① 通过mate标签进行优化
② 内部连接优化：各导航连接，图片链接，h1标签（最吸引爬虫蜘蛛）、title标签和strong标签的合理使用
③ 网站内容的更新：主要是文章内容的更新
（2）. 外部优化 ① 尽量保持连接的多样性 ② 外链运营、提高关键词的排名 ③ 合理的外链选择 （3）. 对搜索引擎不友好的特征： 网页大量使用img和rich media，网页没有标题，网页正文中有效关键词少，大量动态网页，缺少原创内容，大量欺骗搜索引擎的垃圾信息。
一、HTML常用标签
1、HTML头部
head标签
在 head元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为: title, style,meta,link,script,noscript和base。
- title标签定义了不同文档的标题(网页名)
- base标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接
- link标签定义了文档与外部资源之间的关系,link标签通常用于链接到样式表
- meta标签描述了一些基本的元数据，meta标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析，META 元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务
script标签
- JavaScript 使 HTML 页面具有更强的动态和交互性。script标签用于定义客户端脚本，比如 JavaScript。script元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。JavaScript 最常用于图片操作、表单验证以及内容动态更新
- noscript 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。noscript元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容
2、HTML文本
标题
- 标题（Heading）是通过 h1 - h6标签进行定义的。h1定义最大的标题，h6定义最小的标题
- 请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推
- hr 标签在 HTML 页面中创建水平线
区块
- div
(1). HTML div 元素是块级元素，它可用于组合其他 HTML 元素的容器。div 元素没有特定的含义。
(2). div 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 table 元素进行文档布局不是表格的正确用法。table 元素的作用是显示表格化的数据。 - span
(1). HTML span 元素是内联元素，可用作文本的容器
(2). span 元素也没有特定的含义
表格
- 表格由 table 标签来定义。每个表格均有若干行（由 tr 标签定义），每行被分割为若干单元格（由 td 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容
- 如果不定义边框属性（border），表格将不显示边框
- 表格的表头使用 th 标签进行定义，大多数浏览器会把表头显示为粗体居中的文本
列表
- 无序列表使用 ul 标签
- 有序列表始于 ol 标签
- 有序列表和无序列表的每个列表项始于 li 标签
- 去除列表项前的数字或圆点（css） ：list-style: none
