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

用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

觉得可用，就经常来吧！ 欢迎评论哦！ html5教程，巧夺天工，精雕玉琢。小宝典献丑了！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！