网页基本构造查漏补缺

语义化

使用语义化 HTML 的原因：
1.提升可访问性和互操作性
2.提升搜索引擎优化（SEO）效果
3.使维护代码和添加样式变得容易。
4.可以使代码更少，页面加载更快

URL

通常，URL 最后是以一个文件名结尾的，例如：

"htttp://www.site.com/tofu/index.html"

而当 URL 路径不以文件名结尾，而以一个目录结尾时（可以包含一个结尾的斜杠，也可以不包含），如下例所示：

"http://www.site.com/tofu/"

在这种情况下，URL 指的是路径中最后一个目录中的默认文件，通常为 index.html。通常情况下，所有 Web 服务器的配置都将 index.html 作为默认文件名。

块级元素：有些 HTML 元素从新的一行开始显示，就像纸质书中的各个段落一样。
行内元素：有些 HTML 元素与其他内容显示在同一行。
HTML5 已经废弃了这些术语，因为这些术语把元素与表现关联起来，而 html 并不负责表现。（通常，旧的行内元素在 HTML5 中都被归为短语内容。）

title

元素 title：
搜索引擎会将 title 作为判断页面主要内容的指标，并将页面内容按照与之相关的文字进行索引。有效的 title 应该包含几个与页面内容密切相关的关键字。作为一种最佳实践，选择能简要概括文档内容的文字作为 title 文字。这些文字既要对屏幕阅读器用户友好，又要有利于搜索引擎排名。常见的做法是将网站名称放在 title 的开头，不过将页面特有的文字放在开头更好。

建议将 title 的核心内容放在前60个字符（含空格）中，因为搜索引擎通常将超过此数目（作为基准）的字符截断。不同浏览器显示在标题栏中的字符上限不尽相同。浏览器标签页会将标题截得更短，因为它占的空间较少。

属性 title：
可以使用 title 属性（不要与 title 元素混淆）为网站上任何部分加上提示标签。在要添加 title 的 HTML 元素中，输入title="label"，其中 label 是访问者将鼠标移到这个元素上时希望出现在提示框里的文本。不过，它们并不只是提示标签，加上它们之后屏幕阅读器可以为用户朗读 title 文本，因此使用 title 可以提升无障碍访问功能。示例如下：

...<a href="www.baidu.com" title="去往百度搜索">百度</a>...

测试结果如下，当访问者把鼠标移到这个元素上时，会出现包含 title 属性值的提示框。

理论上，可以使用 title 属性为任何 HTML 元素添加描述提示框，不过用得最多的是链接。旧版本的 IE（IE7 及之前的版本）还会将 img 元素的 alt 属性作为提示框的文本。不过，如果 img 元素同时包括 title 和 alt 属性，则提示框会采用 title 属性的内容，而不是 alt 属性的内容。

元素类别
可以为元素指定多个类别，用空格将不同的类别名称分开即可，如class = "name anothername" （可以指定两个以上的类别名称。）