摘要:元素表示主导链接的区域。已经习惯使用或元素对链接进行结构化的情况下,并没有取代这种最佳实践,只不过在它们外围包上了一个。不允许将嵌套在内。
第一章 网页的构造块
一个网页主要包括文本内容、对其它文件的引用和标记。
语义化HTML:有含义的标记HTML包含关于文档中内容的信息,这些信息称作标记,用以描述内容的含义,即语义。也就是说,HTML仅仅关心网页中要展示的内容,至于如何展示,那是CSS的事。
标记:元素、属性和值非空元素:开始标记(start tag,元素名称和属性,如果有的话放在尖括号中)、内容和结束标记(end tag,一个斜杠后跟元素名称放在尖括号中)。
空元素:左尖括号、元素的名称和任何可能有的属性、一个可选的空格和一个可选的斜杠、右尖括号。
网页的文本内容
浏览器呈现HTML时,会把多个空格或制表符压缩成单个空格,并把回车和换行符转换成单个空格,或者将他们一起忽略。
HTML过去只能使用ASCII字符;Unicode大大减轻了特殊字符问题的负担,UTF-8对页面进行编码,并用同样的编码保存HTML文件,已成为一种标准做法。
Unicode与UFT-8的区别(从起源讲起,很详细!)
文件名文件名使用小写字母(访问者输入方便),单词之间用短横线分割(搜索引擎更倾向于接受的方式),扩展名.html。
URLURL包括模式(如:http、https、ftp、mailto、file)、服务器名称、路径、文件名。
“http://www.site.com/tofu/index.html”
若省略index.html也可以,因为路径中最后一个目录中的默认文件通常为index.html。在网站最顶层目录(通常称为根目录)中创建的默认页面(index.html)是网站的主页,当访问者只输入域名而没有指定路径信息(如 www.yourdomian.com)时,就会显示这个页面。
绝对URL和相对URL文件名 | 绝对URL(可以再任何地方使用) | 相对URL(只能在you-are-here.html中使用) |
---|---|---|
index.html | http://www.site.com/about/ind... | index.html |
data.html | http://www.site.com/about/inf... | info/data.html |
image.png | http://www.site.com/img/image... | ../img/image.png |
news.html | http://www.remote.com/press/n... | 无,请使用绝对URL |
一般来说,对指向站内网页的链接使用相对URL,对指向其他网站的链接使用绝对URL。
第二章 基本HTML结构 开始编写网页一个空的html页面
页面标题
每个页面标题必须是间断的描述性的,而且是 唯一的。页面标题会被Google等搜索引擎采用,从而能够大致了解页面内容,并将页面标题作为搜索结果中的链接显示。所以要让每个页面的title是唯一的,从而提升搜索引擎结果排名,并让访问者有更好的体验。
HTML提供了6级标题(h1 ~ h6)用于创建页面信息的 层级关系,它们也构成了页面的大纲。浏览器会从h1到h6逐渐减小标题字号,不过要依据内容所处的层级关系选择标题级数,而不是你希望文字应该显示的大小。
HTML的文档大纲...Product User Guide
Setting it Up
Basic Features
Video Playback
Advanced Features