HTML文档的一些通用规则

文件路径

为使文件间正常交互,应为每个文件提供访问路径,让一个文件知道另一个文件的位置。

  • 若引用的目标文件与 HTML 文件同级,只需直接使用文件名,比如 my-image.jpg 。
  • 要引用子文件夹中的文件,要在路径前写下目录名并加一个斜杠,比如 subdirectory/my-image.jpg 。
  • 若引用的目标文件位于 HTML 文件的上级,需要加上两个点。比如,如果 index.html 在 test-site 下面的一个子目录而 my-image.png 在 test-site 目录,你可以在 index.html 里使用 ../my-image.png 引用 my-image.png 。
  • 以上方法可以随意组合,比如 ../subdirectory/another-subdirectory/my-image.png

一个完整的 HTML 页面

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>测试页面</title>
  </head>
  <body>
    <img src="images/firefox-icon.png" alt="测试图片">
  </body>
</html>
  • <!DOCTYPE html> — 文档类型。HTML 之初,DOCTYPE 用来链接一些 HTML 编写守则,比如自动查错之类。DOCTYPE 在当今作用有限,仅用于保证文档正常读取。
  • <html></html> — <html> 元素。该元素包含整个页面的内容,也称作根元素。
  • <head></head> — <head> 元素。该元素的内容对用户不可见,其中包含例如面向搜索引擎的搜索关键字(keywords)、页面描述、CSS 样式表和字符编码声明等。
  • <meta charset="utf-8"> — 该元素指定文档使用 UTF-8 字符编码 ,UTF-8 包括绝大多数人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容,还可以避免以后出现某些问题,没有理由再选用其他编码。
  • <title></title> — <title> 元素。该元素设置页面的标题,显示在浏览器标签页上,也作为收藏网页的描述文字。
  • <body></body> — <body> 元素。该元素包含期望让用户在访问页面时看到的内容,包括文本、图像、视频、游戏、可播放的音轨或其他内容。

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.