WithCoderWithCoderWithCoder

HTML5网页的基本结构

HTML(Hyper Text Markup Language,超文本标记语言),是用来描述网页的一种语言,它使用标记标签来描述网页。但HTML 不是一种编程语言,而是一种标记语言 (markup language),标记语言是一套标记标签。html标签不区分大小写,但建议小写。

<!-- 文档声明,告诉浏览器当前网页的版本 -->
<!DOCTYPE html>
<!-- html根标签 -->
<html>
<!-- head标签,定义浏览器使用的特殊内容 -->

<head>
    <meta charset="utf-8">
    <!-- title,网页标题 -->
    <title>这是一个网页</title>
</head>
<!-- body标签是网页内容,对用户可见 -->

<body>
    <h1> hello world </h1>
</body>

</html>

HTML文档基本结构

一个HTML文档有四个基本部分组成:

1. 文档声明

    <!DOCTYPE html>声明这是一个HTML5文档,位于文档第一行,<html>标签的前面。它告诉浏览器用什么文档标准来解析文档。

2. <html>标签

<html>和</html>标签放在html文档的最外层,表示这对标签间的内容是html文档。<html>放在文件开头,</html>放在文件结尾,在这两个标记中间嵌套其他标签,网页中的所有内容都要写在html标签里面。
3. <head>标签
文件头用<head>和</head>标签,该标签出现在文件的起始部分。标签内的内容不在浏览器中显示,主要用来说明文件的有关信息,如文件标题、作者、编写时间、搜索引擎可用的关键词等。
在head标记内最常用的标签是网页标题标签,即title标签,它的格式为:

<title>网页标题</title>

网页标题是提示网页内容和功能的文字,它将出现在浏览器的标题栏中。一个网页只能有一个标题,并且只能出现在文件的头部。
4. <body>标签

文件主体用<body>和</body>标签,它是html文档的主体部分。网页正文中的所有内容包括文字、表格、图像、声音和动画等都包含在这对标签对之间。

欢迎分享交流,转载请注明出处:WithCoder » HTML5网页的基本结构