HTML5初探 - 基本的HTML5模版

用HTML5已经有一段时间了，却没有时间来个系统的学习。最近开始准备系统地学习HTML5，顺便开博写些自己学习的心得。首先看下HTML5的基本模版吧，从基本结构的定义上就看到HTML5的基本模版更加简洁，没有那些繁琐的DTD定义，仅仅用一条<!DOCTYPE HTML>就定义了HTML5的标准，而仅仅一个<meta charset="utf-8">就定义了文档的字符编码。细心的同学肯定发现为什么是<meta charset="utf-8">，而不是<meta charset="utf-8" />呢？这个闭合标签的符号咋就没有了呢? 这在上一个标准中是不符合的规则的，也是不是WEB标准哦，而就是这样简洁的风格就是现在版本HTML5语法，我们先看基本模版再来细谈这些。

下面看看HTML5的基本模版吧，顺便比较一下与之前的版本

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>无标题文档</title></head>

<body></body></html>

XHTML1.1的基本模版

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head>

<body></body></html>

HTML4的基本模版

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title></head>

<body></body></html>

如今的HTML5的模版最大的一大改观就是简洁，看看之前的定义，都带有版本号，而现在的HTML5却没有版本号了。

HTML5验证方面完全忽略了语法风格，只在编码错误导致终止文件运行时才报错。所以上面说到的斜杠闭合标签省略也是此理啊。在XHTML中所有标签都需要闭合，其中包括元素外闭合(例如：</html>)和元素内闭合就是斜杠。而HTML5中你仍可以使用这种语法，但HTML5中更提倡"简洁"，你可以元素内闭合标签后面的斜杠，这样看起来更加简洁。而大多数元素外的闭合标签也可以省略掉，但如果该标签嵌套为空的话，就还是需要一个相应的结束标记的。

同时HTML5中对标签的大小写也不是那么严禁，而对于布尔属性（disable，enable等）也可以不指定值。

今天就到此为止，明天继续HTML5标签学习。

转载于:https://www.cnblogs.com/hongcaomao/archive/2012/03/02/2377825.html

HTML5初探 - 基本的HTML5模版相关推荐

html5初探ppt,HTML5---HTML5初探151019解析.ppt
HTML5---HTML5初探151019解析 * HTML5新增的元素新增的结构元素 section.article.aside.header.hgroup.footer.nav.figure 新 ...
【HTML5初探之绘制图像（上）】看我canvas元素引领下一代web页面
弧度一块可能有误,需要再研究导航 [初探HTML5之使用新标签布局]用html5布局我的博客页! [HTML5初探之form标签]解放表单验证.增加文件上传.集成拖放 [HTML5初探之绘制图像(上 ...
【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放
导航 [初探HTML5之使用新标签布局]用html5布局我的博客页! [HTML5初探之form标签]解放表单验证.增加文件上传.集成拖放 [HTML5初探之绘制图像(上)]看我canvas元素引领下 ...
html5初探ppt,HTML5---HTML5初探151019讲义.ppt
HTML5---HTML5初探151019讲义 * HTML5新增的元素新增的结构元素 section.article.aside.header.hgroup.footer.nav.figure 新 ...
html5本地数据库没有用,【HTML5初探之本地存储】如果没有数据库。。。
导航 [初探HTML5之使用新标签布局]用html5布局我的博客页! [HTML5初探之form标签]解放表单验证.增加文件上传.集成拖放 [HTML5初探之绘制图像(上)]看我canvas元素引领下 ...
《HTML5游戏编程核心技术与实战》——第1章　游戏和HTML5初探1.1 网页游戏和HTML5...
本节书摘来自异步社区<HTML5游戏编程核心技术与实战>一书中的第1章,第1.1节,作者: 向峰更多章节内容可以访问云栖社区"异步社区"公众号查看. 第1章游戏和H ...
html5代码转换为视频,HTML5中的视频代码详解
摘要腾兴网为您分享:HTML5中的视频代码详解,智学网,云闪付,易推广,小红书等软件知识,以及360win10,流量魔盒,fitbit,上港商城,安卓2.3.7,全民惠,五年级下册英语单词表图片,t ...
html5 本地批量存储,HTML5本地存储
什么是HTML5存储? 简单地说,它是一种让web页面在浏览器端本地化存储键值对的方式.跟cookies一样,即使你从网站导航到别的网站,关掉了浏览器的tab页,退出了浏览器,数据依然存在:与cook ...
html5 form表单,html5 教程
2019独角兽企业重金招聘Python工程师标准>>> html5 form表单 html5 教程 html5 form表单表单介绍 1.XHTML中需要放在form之中的诸如inp ...

HTML5初探 - 基本的HTML5模版

HTML5初探 - 基本的HTML5模版相关推荐

最新文章

热门文章