欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html5基本文档结构有哪三个标签

程序员文章站 2022-03-09 11:40:25
...

html5基本文档结构的三个标签:1、“<html>”标签,用于告知浏览器其自身是一个HTML文档;2、“<head>”标签,包含文档的元数据,向浏览器提供有关文档内容和标记的信息;3、“<body>”标签,包含访问者可以看到的内容。

html5基本文档结构有哪三个标签

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML(Hypertext Markup Language,超文本标记语言)诞生于20世纪90年代初,用于指定构建网页的元素,这些元素中的大多数都用于描述网页内容,如标题、段落、列表、指向其他网页的链接等。HTML5是HTML的最新版本,它的大部分内容都可以兼容新旧浏览器,并新增了大量新的功能。HTML5还引入了原生的音频和视频播放功能。

HTML5简介

HTML5实际上是一系列用来制作现代富Web内容的相关技术的总称,其中最重要的三项技术是HTML5核心规范、CSS(Cascading Style Sheets,层叠样式表)和JavaScript。

1)HTML5核心规范定义用以标记内容的元素,并明确其含义。

2)CSS用于控制标记过的内容呈现在用户面前的外貌。

3)JavaScript用来操纵HTML文档的内容以及响应用户的操作。

同时HTML5引入了原生的多媒体支持,并引入了可编程内容(canvas元素,必须用到JavaScript)和语义Web。

如果想了解更多关于HTML5的历史,可以参考 *

HTML文档基本结构

”HTML文档就是对一个文档的描述,都有一个固定的结构,分为许多个部分,每个部分都包含了一个或者多个元素。有些元素用于描述文档的基本信息,有些则描述文档结构,下面就是一个基本的HTML文档的结构:、

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>Your page title</title>
</head>
<body>
.....
</body>
</html>

该HTML文档描述了一个空白页,这些基础成分确定了HTML文档的轮廓以及浏览器的初始环境。

DOCTYPE元素

DOCTYPE元素可以省略,大多数浏览器仍能正确显示文档内容,不过依赖浏览器的这种表现不是好习惯。该元素告诉浏览器两件事情:

  • 它处理的是HTML文档;

  • 用来标记文档内容的HTML所属的版本,上面的写法就表明所用的是HTML5。

注:doctype 声明不属于 HTML 标签。

html元素

html元素是根元素,它告知浏览器其自身是一个HTML文档。lang属性指定页面内容的默认语言,例如:en表示英语,es表示西班牙语,等。

head元素

head元素包含文档的元数据,向浏览器提供有关文档内容和标记的信息,还可以包含脚本和对外部资源(比如CSS样式表)的引用。

body元素

文档body部分包含访问者可以看到的内容。

在有了这个基本的结构后,我们后面就可以将HTML的其它元素逐步添加进去,不断的丰富文档,最终得到我们希望的页面。

推荐教程:《html视频教程

以上就是html5基本文档结构有哪三个标签的详细内容,更多请关注其它相关文章!