2.3 保存网页

用文本编辑器创建的网页需要在多种平台上的多种浏览器查看。为了让所有这些程序都能访问网页,网页需要保存为通用的“纯文本”格式,不包含文字处理软件可能应用的任何专用格式化信息。

为了让浏览器(和服务器)能识别网页并知道解释其中包含的标记,网页文件应在文件名中使用.html或.htm作为扩展名。这样做也可以将网页文件与不是网页的普通文本文件区分开来。上述两种扩展名都可以用,但通常还是使用.html,因此推荐读者使用.html作为文件扩展名。

有了.html扩展名,网页的图标会显示为系统默认浏览器的图标,而不是用来编写这个文件的编辑器的图标,如图2.3.1所示。双击网页文件会在浏览器中打开它,而不是在文本编辑器中。这对于在浏览器中测试页面来说很方便,但却为编辑网页增加了一个额外的步骤(参见2.5节)。

2.3 保存网页 - 图1

图2.3.1 Excel工作簿文件的扩展名为.xlsx,用Excel的图标进行标识(上图)。如果双击它,就会在Excel中显示它。对于网页文件,无论用哪种文本编辑器创建,它们的扩展名都是.html或.htm,并采用系统默认浏览器(这里是Firefox)的图标进行标识。双击它会在默认浏览器(而不是文本编辑器)中显示

总之,保存文件时,需要将文件保存为纯文本格式,并使用.html或.htm作为扩展名。

保存网页的步骤

  • 创建网页之后,在文本编辑器中选择File→Save As(文件→另存为),如图2.3.2所示。

  • 在随后弹出的对话框中,选择纯文本或文本文档(或别的叫法)作为文件格式。

  • 为文档添加.html或.htm的扩展名(这一点非常重要)。

  • 选择要保存网页的文件夹。

  • 点击Save(保存),如图2.3.3和图2.3.4所示。

2.3 保存网页 - 图2

图2.3.2 在文本编辑器中选择File→Save As

2.3 保存网页 - 图3

图2.3.3 在记事本中,为文件名添加.html或.htm的扩展名,在Save as type(保存类型)下拉菜单中选择文本文档,确保Encoding(编码)选择的是UTF-8(参见最后一项提示),点击Save。在其他文本编辑器中,选项可能并不相同(不过是相似的)

2.3 保存网页 - 图4

图2.3.4 在TextWrangler中,为文件起名,选择保存位置。TextWrangler默认以UTF-8进行编码(一般情况下,这就是应该选用的编码),不过你也可以从Encoding下拉菜单中选择其他编码。点击Save保存文件

提示 使用.html还是.htm并无区别,但推荐使用.html,因为它更常见。无论你用哪种扩展名,请保持一致,因为使用相同的扩展名有助于后续记住URL。

 

提示 即使已经指定了.html或.htm的扩展名,Windows上的某些文本编辑器也会在文件名末尾加上默认扩展名。(注意大多数专门编辑HTML页面的编辑器并不存在这个问题。)这样文件名就变成了webpage.html.txt,这样的文件无法在浏览器中查看。Windows通常会隐藏扩展名,也导致这个问题变得隐蔽,它尤其容易困扰新手。有两个解决办法:一个是在首次保存文件时将文件名包围在双引号中,这样能防止添加额外的扩展名;另一个是让Windows显示文件扩展名,方法如图2.3.5所示,从而可以看见程序自动添加的扩展名并将其删除。

2.3 保存网页 - 图5

图2.3.5 在Windows资源管理器中,选择Organize→Folder and search options(组织→文件夹和搜索选项),或者Tools→Folder Options(工具→文件夹选项)(取决于你使用的Windows版本),显示图中的对话框。点击View(查看)选项卡,向下滚动,直到看到Hide extensions for known file types(隐藏已知文件类型的扩展名)。如果想在桌面上看到文件的扩展名(如.html),要确保这个选项是未选中的

提示 选择将文件保存为纯文本格式时,文件会以系统默认字符编码保存。如果需要创建其他编码的网页(或者是因为网页里包含一些特殊符号或其他语言的文字),需要使用可以选择编码类型的文本编辑器。通常,UTF-8是最好的选择。如果编辑器中可选择的文件编码类型包括“UTF-8,不含BOM”或类似的选项,请选择该项。否则,就选择UTF-8,如图2.3.6所示。有时,编辑器的UTF-8模式并不包含BOM,但编码类型选择菜单中并未显式指出这一点。(BOM的含义参见http://en.wikipedia.org/wiki/Byte_order_mark。做好看不懂的准备吧!)

2.3 保存网页 - 图6

图2.3.6 许多文本编辑器允许为文件选择编码,从而可以在同一个文档中保存不同语言中的符号和字符。大多数情况下,推荐选择UTF-8。选择“UTF-8,不含BOM”选项(如果有的话)。否则,直接选择UTF-8。有的编辑器(如图中的TextWrangler)默认选择该项