欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML5初探 - 基本的HTML5模版

程序员文章站 2022-08-05 19:50:30
用html5已经有一段时间了,却没有时间来个的学习。最近开始准备系统地学习html5,顺便开博写些自己学习的心得。首先看下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" "https://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
 <html xmlns="https://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>无标题文档</title>
 </head>
<body>
 </body>
html4的基本模版
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "https://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标签学习。


摘自红草帽* arain