html5 标准结构_IT兄弟连 HTML5教程 HTML文件的主体结构
每个页面都是一个独立的HTML文档,每个HTML文档的主体结构又都是相同的,而且在一个文档中这样的主体结构只能声明一次。可以简单的将HTML文档主体结构分为两部分,一部分是定义文档类型,HTML5中声明文档类型可比以前的版本简单多了,只需要15个字符就可以搞定。另一部分则是定义文档主体的结构框架标签,因为标签并不是任意排放的,需要有一定的嵌套规则。就像一颗树是从树根到树干、树枝、树叶这样的结构生长,而不能在树叶上长出树根来,HTML文档的结构也是如此,整个文档是一个整体,最外层标签只有一个,第二层标签有两个,是这样固定的结构,第三层以后可以任意嵌套,就像一颗倒立的树形结构。如图所示:
图 HTML文档的树状结构
在一个HTML文档中,不仅可以通过根节点去寻找到每个子层节点元素,只要是从任意一个元素节点出发,都可以通过节点关系找到其它元素。
HTML文档类型的新定义方式
在编写HTML5文档时,要求指定文档类型,以确保浏览器能在HTML5的标准模式下进行渲染。在HTML5中刻意不使用版本声明,一份文档将会适用于所有版本的HTML,非常简便,声明方法如下:
声明必须是HTML文档的第一行,位于 标签之前。另外声明不是HTML标签,它是指示Web浏览器关于页面使用哪个HTML版本进行编写的指令。在HTML 4.01中, 声明引用DTD,因为HTML 4.01基于SGML,DTD规定了标记语言的规则,这样浏览器才能正确地呈现内容。HTML5不基于SGML,所以不需要引用DTD。另外在HTML5中只有这一种,在HTML 4.01中有三种 声明:
/em>
"http://www.w3.org/TR/html4/strict.dtd">
/em>
"http://www.w3.org/TR/html4/loose.dtd">
/em>
"http://www.w3.org/TR/html4/frameset.dtd">
以前的版本中不光有上面几个,基于XHTML不同版本还有好多种,所以在HTML5时代,你不需要使用上面这个既麻烦又难记的文档类型了,就用新的HTML5文档类型吧,简单明了,这就是HTML5的进步。
提示
请始终向HTML文档添加 声明,这样浏览器才能获知文档类型。
HTML文档的主体标签
一个HTML文档的基本格式需要包含以下几个全局架构元素标签,并将HTML代码分为三部分编写,它们可以被看作文档的框架。如下所示:
本例在网页文件中声明的这几对标签,在每个网页文档中都是唯一的,head标签和body标签需要嵌套在HTML标签中。
Ø 第一部分:和是网页文件的最外层标签,HTML文件中所有的内容都应该在这两个标记之间。标签告诉浏览器这个HTML文件的开始点,标签告诉浏览器这是HTML文件的结束点。
Ø 第二部分:位于
和标签之间的文本是头信息,放在元素的最上面使用,头信息不会显示在浏览器窗口中。主要包括当前页面的一些基本描述的语句,用于说明文件的标题和整个文件的一些公共属性,例如声明网页的标题和关键字等。每个元素应当包含一个元素以指示文档的标题,它也可以以任意顺序包含、、、
html5 标准结构_IT兄弟连 HTML5教程 HTML文件的主体结构相关推荐
- 兄弟连html5在线画板,IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容
原标题:IT兄弟连 HTML5教程 HTML5做到了与之前版本的兼容 为了保证HTML5能与之前的HTML版本达到最大的兼容,HTML5对一些元素标记的省略.boolean值的属性,以及引号的省略这几 ...
- java web 请求跟踪_IT兄弟连 JavaWeb教程 Servlet会话跟踪 Cookie技术
原标题:IT兄弟连 JavaWeb教程 Servlet会话跟踪 Cookie技术 Cookie使用HTTPHeader传递数据.Cookie机制定义了两种报头,Set-Cookie报头和Cookie报 ...
- css 如何 重设 外部样式的属性值_IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值5...
CSS综合实例 在Web页面中经常使用栏目显示分类内容.本例将使用HTML和CSS结合编写一个分类栏目模型,用于演示前面介绍的CSS应用.通过使用独立的文件定义样式表,并在HTML文档中使用link标 ...
- 传智学员信息登记表html代码_IT兄弟连 HTML5教程 HTML5文字版面和编辑标签 使用HTML表格...
表格在网站中应用得非常广泛,使用它可以方便.灵活地排版,很多动态大型网站也都是借助表格排版的,但现在都使用DIV+CSS进行页面布局.表格可以把相互关联的信息元素集中定位,使浏览页面的人一目了然.在H ...
- css3 选择器_IT兄弟连 HTML5教程 CSS3揭秘 CSS3概述
对于Web开发者来说,CSS3不只是一门新奇的技术,更重要的是这些全新概念的Web应用给开发人员带来了无限的可能性,也极大地提高了开发效率.我们不必再依赖图片或者JavaScript去完成圆角.多背景 ...
- colordialog通过哪属性取其颜色_IT兄弟连 HTML5教程 CSS3揭秘 CSS常见的样式属性和值1...
CSS中的样式属性比较多,经常使用的属性可以分为这么几类:字体.文本.背景.位置.边框.列表,以及其他一些样式属性.每个类中的属性都可以单独使用:如果同一个类中多个属性一起使用,还可以将它们整合为一行 ...
- dreamweaver 正则表达式为属性值加上双引号_IT兄弟连 HTML5教程 HTML5表单 新增的表单属性3...
9 novalidate novalidate是属性规定在提交表单时不应该验证form和input域.novalidate属性适用于的类型有:text.search.url.telephone.ema ...
- 让IE浏览器支持HTML5标准的方法
让IE浏览器支持HTML5标准的方法 自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在 ...
- jre是否支持html5,html5的结构
目录 一.新增的主体结构元素 1.1.article元素 1.2.section元素 1.3.nav元素 1.4.aside元素 1.5.time元素 1.6.pubdate元素 二.新增的非主体结构 ...
最新文章
- hdu 2594 kmp
- R语言使用ggplot2包geom_jitter()函数绘制分组(strip plot,一维散点图)带状图(配置点的形状、大小)实战
- jquery.treeview.js树控件的应用
- STM32 ADC 同步规则模式 ADC1与ADC2同用一个DMA
- 国二c语言改错题答案,c语言国二考试编程题答案
- linux php安装memcached扩展
- 编写程序定义一个有 10 个 int 型元素的数组,并以其在数组中的位置作为各元素的初值。
- 微课|玩转Python轻松过二级(2.2.2节):关系运算符
- 马斯克新梦想迈出第一步!首条地下高速隧道即将完工,12月免费体验
- SQL Server 的存储过程[转]
- 使用VirtualHostX时如何编辑虚拟机内的文件?
- java awt run_JAVA教程 第五讲 AWT图形用户界面设计(一)
- kali使用rz sz命令
- 基于JSP实现的作业管理系统
- 微信开发平台对接流程(Java版本)1
- 中小企业如何选择合适的存储解决方案?
- Could not resolve hostname github: Name or service
- openwrt 挂载硬盘NFS共享,非SMB共享
- 三菱fx2n64mr说明书_FX2N-64MR-DS手册三菱可编程控制器FX2N-64MR-DS使用说明书 - 广州凌控...
- 附录C Java编程简史
热门文章
- 【Vue】路由Router嵌套的实现及经典案例
- 最简单的目标跟踪(模版匹配)
- java锁原理_Java锁原理学习
- java获取字典所有的key_JAVA脱水学习-java集合介绍,常用集合类
- 人名和成绩一起排序_不同工作表中的数据表排序各异,如何用Excel数据透视表汇总?...
- 查询数据库前十条数据_入门数据分析的一些建议
- jQuery 插件开发指南
- ftp 根据特定正则匹配文件名 下载到本地 并且上传文件到ftp java *** 最爱那水货...
- 快速排序(交换排序)-八大排序汇总(6)
- textview根据文字行数自动变化大小