• 技术文章 >web前端 >前端问答

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

    青灯夜游青灯夜游2021-12-16 17:38:31原创166

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

    本教程操作环境: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元素可以省略,大多数浏览器仍能正确显示文档内容,不过依赖浏览器的这种表现不是好习惯。该元素告诉浏览器两件事情:

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

    html元素

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

    head元素

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

    body元素

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

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

    推荐教程:《html视频教程

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html5 基本文档结构
    上一篇:html5废弃了哪些元素 下一篇:html5新增的页眉标签是什么

    相关文章推荐

    • html5实现下拉列表的标签有哪些• pre是html5新增的标签吗• html5的img是块级元素吗• html5表单元素包括哪些基本控件• html5中的p是什么意思• html5中引用标记是什么元素

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网