HTML5标签构成
一个HTML5文件是由一些列的元素和标签组成的。元素是HTML5文件的重要组成部分，例如title（文件标题）、img（图像）及table（表格）等。元素名不区分大小写，而HTML5用标签来规定元素的属性和它在文件中的位置。本节将对网页设计相关的几个基本标签进行介绍，主要包括元信息标签、页面主体标签、页面的注释等。
þ HTML5文档和HTML5元素是通过HTML5标签进行标记的
þ HTML5标签是由开始标签和结束标签构成
þ 开始标签是被括号包围的元素名
本节将对HTML5的标签构成进行详细讲解。
1.2.1 标签、元素、结构概述
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所示。
图1.1 HTML5示例
从上述代码中可以看出HTML5文件的基本结构如图1.2所示
图1.2 HTML5的文件的基本结构
其中，<head>与</head>之间的部分是HTML5文件的文件头部分，用以说明文件的标题和整个文件的一些公共属性。<body>与</body>之间的部分是HTML5文件的主体部分，下面介绍的标签，如果不加特别说明，均是嵌套在这一对标签中使用的。
本文摘自明日科技出版的《零基础学HTML5》，转载请注明出处！！！
HTML5标签构成的更多相关文章
- 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法 HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页 ...
- HTML5标签与HTML4标签的区别示例介绍_html5教程技巧
(1)概念的变化: HTML5专注内容与结构,而不专注的表现 <header> <hgroup>导航相关数据</hgroup> </header> &l ...
- 解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
方式一:Coding JavaScript <!--[if lt IE9]> <script> (function() { var e = "abbr, articl ...
- [js开源组件开发]html5标签audio的样式更改
html5标签audio的样式更改 由于html5的流行,现在移动端大多数的需求都可以使用audio来播放音频,但您可能只是需要很简单的播放/停止效果,但不同的浏览器上的audio样式却不尽人意,所以 ...
- HTML5标签改变
1.新的文档类型声明(DTD): HTML 5的DTD声明为: <!doctype html> <!DOCTYPE html >等也是正确的,因为HTML语法是不区分大小写的. ...
- 是时候全面使用html5标签了
html5,这个词语,不管是业内还是业外,都已经耳熟能详了.因为已经火了这么长的的时间了.但是,真正开始使用的又有多少人呢?只能用呵呵来形容了! html5真的来了 2014年10月28日,历经八年, ...
- 关于HTML5标签不兼容(IE6~8)
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. 比较常用的HTML5的新标签元素有: <hea ...
- HTML5标签一览
HTML5标签一览,点击下载 访问密码:1907
- html5标签兼容ie6，7，8
注册博客园已经三年了,这三年一直在忙,没时间写博文.也许是忙,也许是懒吧!当然这三年发生了很多事,我也从开发人员转变为前端人员. 是时候对所学的,所用的知识做一下沉淀了.就从这一篇开始吧! html5 ...
- 在IE6/7/8下识别html5标签
识别html5标签: html5添加了许多语义化的标签,比如<nav></nav>,<aside></aside>,<article>< ...
随机推荐
- elasticsearch学习（1）简单查询与聚合
elastic 被用作全文搜索.结构化搜索.分析以及这三个功能的组合 一个ElasticSearch集群可以包含多个索引, 每个索引包含多个类型 一个类型存储着多个文档 每个文档又有多个属性 索引(名 ...
- 使用Robo 3T 软件管理MongoDB数据库如何执行命令行shell
比如使用命令行的方式查看数据库runoobdb中的sites集合(数据表)中的所有数据 1.在连接名的地方鼠标右键选择“open shell” 2.在出现的shell窗口中输入一下命令行,然后按ctr ...
- Google Cloud SSH 连接配置
设置当前用户及root用户的密码 sudo passwd xx-user # 输入新密码 sudo passwd root # 输入新密码(建议保持一样) 在本地生成私钥和公钥 cd ~/.ssh s ...
- 单例模式的python实现
# 本实例主要介绍单例模式 # 1.什么是单例模式 # 1. 确保有且只有一个对象被创建 # 2. 为对象提供一个访问点,以使程序可以全局访问该对象 # 3. 控制共享资源的并行访问 # 2.单例模式 ...
- odoo api介绍
odoo api修饰器介绍与应用 参考文档:https://www.cnblogs.com/kfx2007/p/6093994.html 一.one one的用法主要用于self为单一集合的情况,被o ...
- Cookie的Python爬虫应用
Cookie的Python爬虫应用 目录 Cookie是什么 Cookie的作用 Cookie的内容 domain属性 path属性 expires/Max-Age属性 Cookie的爬虫应用 Coo ...
- 【Codeforces 158C】Cd and pwd commands
[链接] 我是链接,点我呀:) [题意] 让你实现Shell的cd和pwd操作 [题解] 用一个list表示当前的路径 如果路径以/开头则表示需要清空当前路径重新走路 否则在原来路径的基础上继续加就可 ...
- bupt summer training for 16 #5 ——数据结构
https://vjudge.net/contest/173780 A.假设 Pt = i,则由Ppi = i得 Ppt = t = Pi 所以就有 if Pt = i then Pi = t #in ...
- E. Rusty String
E. Rusty String time limit per test 3 seconds memory limit per test 512 megabytes input standard inp ...
- Cash Machine POJ 1276 多重背包
Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 35387 Accepted: 12816 Description A B ...