没有合适的资源?快使用搜索试试~ 我知道了~
HTML5文档基本结构.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 11 浏览量
2022-07-11
01:34:33
上传
评论
收藏 249KB PDF 举报
温馨提示
试读
3页
HTML5文档基本结构.pdf 学习资料 复习资料 教学资源
资源推荐
资源详情
资源评论
HTML5文档基本结构
郭亚东
(北京信息职业技术学院)
摘 要:本文档主要介绍HTML5文件的基本结构及结构的详细说明。
关键词:HTML5文档结构;标记;声明
1 HTML5文档基本结构
使用 Dreamweaver 新建 HTML5 默认文档时,会自带一些源代码,这些自带的源代码构成了
HTML5 文档的基本格式。HTML5 的文档结构中的基础元素确定了 HTML 文档的轮廓以及浏览器的初始
环境。几乎所有页面都必须首先键入这些元素。
HTML5 基本的结构如下:
<!doctype html> // HTML 5 文档类型声明
<html> // HTML 5 文档开始标记
<head> // HTML5 文档头部开始标记
…… 文档头部内容
</head> // HTML5 包含文档头部结束标记
<body> //HTML5 文档主体开始标记
……文档主体内容
</body> //表示 HTML5 文档结束标记
</html> //表示 HTML5 文档结束标记
2 HTML5文档基本结构详细说明
(1)<!doctype>
<!doctype>文档类型声明(Document Type Declaration,也称 Doctype)。它主要告诉浏览
器所查看的文件类型。在以往的 HTML4.01 和 XHTML1.0 中,它表示具体的 HTML 版本和风格。而如
今 HTML5 不需要表示版本和风格了。
<!doctype html> //不分区大小写
HTML 也有多个不同的版本,只有完全明白页面中使用的确切 HTML 版本,浏览器才能完全正确地
显示出 HTML 页面。这就是 <!doctype> 的用处。
<!doctype html>不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版
本编写的。
只有在开头处使用<!doctype>声明,浏览器才能将该网页作为有效的 HTML 文档,并按指定的文档类
型进行解析。使用 HTML5 的 doctype 声明,会触发浏览器以标准兼容模式来显示页面。
(2)<html>标签
<html>标记位于<!doctype >标记之后,是 HTML5 的根标签,用于告知浏览器其自身是一个
HTML 文档,<html>标签标志着 HTML 文档的开始,</html>标签标志着 HTML 文档的结束,在它们
之间的是文档的头部和主体内容。
(3)<head>标签
用来包含元数据内容,元数据包括:<lin&>、<meta>、<script>、<style>、<title>。这些
内容用来为浏览器提供信息,比如 lin& 提供 CSS 信息,script 提供 JavaScript 信息,title 提供页面标
题等。
<head>...</head> //这些信息在页面不可见
一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面
中。
(4)<body>标签
用来包含文档内容的元素,也就是浏览器可见区域部分。所有的可见内容,都应该在这个元素内部
进行添加。
1 / 3
HTML5 文档基本结构
资源评论
努力搬砖的小王
- 粉丝: 16
- 资源: 7706
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功