首页 理论教育 HTML5文档基本格式-Web前端开发教程

HTML5文档基本格式-Web前端开发教程

时间:2023-11-03 理论教育 版权反馈
【摘要】:HTML5标记语言也不例外,同样需要遵从一定的规范。接下来将具体讲解HTML5文档的基本格式。HTML5文档不需要像HTML4.0和XHTML那样进行声明,语言更为简洁,只需在HTML5文档第一行以<!这些自带的源代码构成了HTML5文档的基本格式,主要包括<!使用HTML5的DOCTYPE声明,会触发浏览器以标准兼容模式来显示页面。

HTML5文档基本格式-Web前端开发教程

【任务目标】

学习任何一门语言,都要首先掌握它的基本格式,就像写信需要符合书信的格式要求一样。HTML5标记语言也不例外,同样需要遵从一定的规范。接下来将具体讲解HTML5文档的基本格式。

【案例引入】

HTML5文档不需要像HTML4.0和XHTML那样进行声明,语言更为简洁,只需在HTML5文档第一行以<!DOCTYPE html>开头进行声明。使用 HBuilder X软件开发工具新建一个HTML5页面文档时,系统会自带一些源代码,如下代码所示。

【知识解析】

这些自带的源代码构成了HTML5文档的基本格式,主要包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记,具体介绍如下。

1.<!DOCTYPE>标记

<!DOCTYPE>标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML标准规范,HTML5文档中的DOCTYPE声明非常简单,代码如下:

只有在开头处使用<!DOCTYPE>声明,浏览器才能将该网页作为有效的HTML文档,并按指定的文档类型进行解析。使用HTML5的DOCTYPE声明,会触发浏览器以标准兼容模式来显示页面。(www.xing528.com)

2.<html>标记

<html>标记位于<!DOCTYPE>标记之后,也称为根标记,用于告知浏览器其自身是一个HTML文档。<html>标记标志着HTML文档的开始,</html>标记标志着HTML文档的结束,在它们之间的是文档的头部和主体内容。

3.<head>标记

<head>标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在<html>标记之后,主要用来封装其他位于文档头部的标记,例如<title>、<meta>、<link>及<style>等,用来描述文档的标题、作者,以及与其他文档的关系等。

一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。

4.<body>标记

<body>标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。

一个HTML文档只能含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>头部标记之后,与<head>标记是并列关系。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈