html文档结构

示例

Export
HTML
Result

仍然是这个例子，从文档的组成结构的角度看，一篇html文档由文档类型指令、<html>、<head>、<body>等数个特殊的标记元素及相互位置关系所组成

<!DOCTYPE html> 指令

指令是一种特殊格式的标记，它以<!开始，以>结束，它的作用是指示浏览器如何处理此html文档，譬如：

  • <!DOCTYPE html> 是一个必备的指令，且必须置于页面顶端，它用于声明当前的文档类型，即html的版本。浏览器将根据该版本号处理后续的内容。<!DOCTYPE html> 的含义是声明当前文档为 html 5 版本
  • <!-- 下面是内容部分 --> 是一个可选的指令，它代表一个注释，浏览器将忽视其中的内容，不做任何处理和输出

<html> 元素

<html> ... </html> 是一个html文档必备的元素，且必须位于最外层或最顶层，且必须是唯一的

<html> 元素必须包含一个且唯一<head> 元素和一个且唯一<body>元素

<head> 元素

<head> ... </head> 是一个必备的标记元素，它包含的信息用于描述当前文档应当如何被显示或渲染，以方便浏览器正确处理后面的文档正文，而其自身是不会被浏览器直接显示或渲染的。譬如：

  • <meta charset="utf-8">, 表示当前页面内容所使用的字符编码，如果你的页面中包含中文字符，而此处定义为<meta charset="iso-8859-1"> 或者未定义，则浏览时则可能会出现乱码
  • <title>我的简历</title> ,'我的简历'出会现在浏览器窗口的顶端状态条中

窗口的顶端状态条并不属于窗口的文档区域

<body> 元素

  • <body> ... </body> 是一个必备的标记元素，它包含着文档的正文部分，将被浏览器渲染后输出给终端用户
  • <h1> <p> <a> 等等语义标记，必须出现在<body>区域，用于刻画内容的语义

results matching ""

    No results matching ""