HTML5标签构成

﹏ヽ暗。殇╰゛Y 2022-06-02 23:56 275阅读 0赞

##     ##

一个HTML5文件是由一些列的元素和标签组成的。元素是HTML5文件的重要组成部分，例如title（文件标题）、img（图像）及table（表格）等。元素名不区分大小写，而HTML5用标签来规定元素的属性和它在文件中的位置。本节将对网页设计相关的几个基本标签进行介绍，主要包括元信息标签、页面主体标签、页面的注释等。

þ  HTML5文档和HTML5元素是通过HTML5标签进行标记的

þ  HTML5标签是由开始标签和结束标签构成

þ  开始标签是被括号包围的元素名

本节将对HTML5的标签构成进行详细讲解。

### 标签、元素、结构概述 ###

q  HTML5标签

HTML5的标签分单独出现的标签和成对出现的标签两种。

大多数标签成对出现，是由首标签和尾标签组成的。首标签的格式为<元素名称>，尾标签的格式为</元素名称>。其完整语法如下:

<元素名称>要控制的元素</元素名称>

成对标签仅对包含在其中的文件部分发生作用，例如<title>和</title>标签用于界定标题元素的范围，也就是说，<title>和</title>标签之间的部分是此HTML5文件的标题。

单独标签的格式为<元素名称>，其作用是在相应的位置插入元素，例如<br>标签便是在该标签所在位置插入一个换行符。

说明：在每个HTML5标签，大、小写混写均可。例如<HTML5>、<HTML5>和<HTML5>,其结果都是一样的。

在每个HTML5标签中，还可以设置一些属性，控制HTML5标签所建立的元素。这些属性将位于所建立元素的首标签，因此，首标签的基本语法如下：

<元素名称属性1=”值1”属性2=”值2”……>

而为标签的建立方式则为

</元素名称>

因此，在HTML5文件中某个元素的完整定义语法如下：

<元素名称属性1=”值1”属性2=”值2”……>元素资料</元素名称>

说明：语法中，设置各属性所使用的“””可省略。

q  元素

当用一组HTML5标签将一段文字包含在中间时，这段文字与包含文字的HTML5标签被称之为一个元素。

由于在HTML5语法中，每个由HTML5标签与文字所形成的元素内，还可以包含另一个元素。因此，整个HTML5文件就像是一个大元素，包含了许多小元素。

在所有HTML5文件，最外层的元素是由<HTML5>标签建立的。在<HTML5>标签所建立的元素中，包含了两个主要的子元素，这两个子元素是由<head>标签与<body>标签所建立的。<head>标签所建立的元素的内容为文件标题，而<body>标签所建立的元素内容为文件主体。

q  HTML5文件结构

在介绍HTML5文件结构之前，先来看一个简单的HTML5文件及其在浏览器上的显示结果。

下面开始编写一个HTML5文件，使用文件编辑器，例如Windows自带的记事本。

<HTML5> <head> <title>文件标题</title> </head> <body> 文件正文 </body> </HTML5>

运行效果如图1.1所示。

![Center][]

图1.1  HTML5示例

从上述代码中可以看出HTML5文件的基本结构如图1.2所示

![Center 1][]

图1.2  HTML5的文件的基本结构

其中，<head>与</head>之间的部分是HTML5文件的文件头部分，用以说明文件的标题和整个文件的一些公共属性。<body>与</body>之间的部分是HTML5文件的主体部分，下面介绍的标签，如果不加特别说明，均是嵌套在这一对标签中使用的。

**本文摘自明日科技出版的《零基础学HTML5》，转载请注明出处！！！**

[Center]: /images/20220603/9b3619208a6640a7abface4d9ee9b494.png
[Center 1]: /images/20220603/386411054fed4682ac9c10758deb2e20.png

发表评论取消回复

表情：

评论列表（有 0 条评论，275人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5：Canvas 标签

什么是 canvas？ H5 `<canvas>` 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成。`<canvas>` 标签只是图形容器，必须使用脚本

逃离我推掉我的手/ 2022年10月11日 13:33/ 0 赞/ 297 阅读

相关 html5 div标签属性,HTML:
标签

HTML: 标签 HTML 标签定义了HTML文档中的通用容器，该容器通常用于对元素进行分组。此标签通常也称为元素。在线示例文档中创建了三个标签：示例

ゞ浴缸里的玫瑰/ 2022年10月06日 06:57/ 0 赞/ 397 阅读

相关 HTML5标签列表

定义注释。 <!DOCTYPE> 定义文档类型。 <a> 定义超链接。 <abbr> 定义缩写。 <acr

你的名字/ 2022年09月25日 13:24/ 0 赞/ 135 阅读

相关 html5 标签特性

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

秒速五厘米/ 2022年07月14日 00:41/ 0 赞/ 181 阅读

相关 html5 标签特性

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

偏执的太偏执、/ 2022年07月14日 00:41/ 0 赞/ 176 阅读

相关 Html5 标签

1.新的文档类型声明(DTD) HTML 5的DTD声明为: <!doctype html> <!DOCTYPE html> 都是正确的，因为HTML

叁歲伎倆/ 2022年06月14日 07:50/ 0 赞/ 198 阅读

相关 HTML5标签构成

一个HTML5文件是由一些列的元素和标签组成的。元素是HTML5文件的重要组成部分，例如title（文件标题）、img（图像）及table（表格）等。元素名不区分

﹏ヽ暗。殇╰゛Y/ 2022年06月02日 23:56/ 0 赞/ 276 阅读

相关 html5新增标签

1、视频标签<video> IE8或者更早的IE版本不支持。 <videowidth="320"height="240"controls>

朴灿烈づ我的快乐病毒、/ 2021年12月01日 10:46/ 0 赞/ 443 阅读

相关 5 HTML标签基础

在上一篇文章中，我们编写了一个最基础的HTML网页（详见：[https://zhuanlan.zhihu.com/p/38200226][https_zhuanlan.z

今天药忘吃喽~/ 2021年09月20日 07:04/ 0 赞/ 347 阅读

相关 HTML 5 标签

定义和用法 `<table>` 标签定义 `HTML` 表格。一个简单的 `HTML` 表格包括 `table` 元素，一个或多个 `tr、th` 以及 `td` 元

客官°小女子只卖身不卖艺/ 2021年06月26日 16:06/ 0 赞/ 416 阅读