什么是HTML5?
HTML5将成为HTML、XHTML以及HTMLDOM的新标准。HTML5仍处于完善之中。然而,大部分现代浏览器已经具备了某些HTML5支持。那什么又是HTML呢?HTML是用来描述网页的一种语言。HTML的上一个版本诞生于年。自从那以后,Web世界已经经历了巨变。HTML指的是超文本标记语言:HyperTextMarkupLanguage。HTML不是一种编程语言,而是一种标记语言。而标记语言是一套标记标签(markuptag)。HTML使用标记标签来描述网页,HTML文档包含了HTML标签及文本内容,因此HTML文档也叫做web页面。
HTML5是如何创建的?
HTML5是W3C与WHATWG合作的结果。W3C指的是WorldWideWebConsortium,也就是万维网联盟。而WHATWG指WebHypertextApplicationTechnologyWorkingGroup。WHATWG致力于web表单和应用程序,而W3C专注于XHTML2.0。在年的时候,双方决定进行合作,来创建一个新版本的HTML。
为HTML5建立的一些新规则
新特性基于HTML、CSS、DOM以及JavaScript;减少对外部插件的需求(比如Flash);更优秀的错误处理;更多取代脚本的标记;HTML5应该独立于设备;开发进程应对公众透明。
为HTML5建立的一些新特性
用于绘画的canvas元素;用于媒介回放的video和audio元素;对本地离线存储得更好地支持;新的特殊内容元素,比如article、footer、header、nav、section新的表单控件,比如calendar、date、time、email、url、search。
HTML编辑器
专业的HTML编辑器来编辑HTML:AdobeDreamweaver、MicrosoftExpressionWeb、CoffeeCupHTMLEditor、SublimeText。不过,我们同时推荐使用文本编辑器来学习HTML,比如Notepad(PC)或TextEdit(Mac)。我们相信,使用一款简单的文本编辑器是学习HTML的好方法,高手们都是用记事本写的~~~~
而本人使用的是AdobeDreamweaver(下文中提到简称DW),大家可以自己尝试各种编辑器,在选择自己喜欢的。本教程是实用性类,不会长篇大论阐述理论,会留一些问题供大家去理解,不了解的话百度谷歌。
还需要的软件就是浏览器的准备,大家肯定知道什么是浏览器啦,现在谷歌,微软新版浏览器以及等众多浏览器都是支持查看网页源代码的。鼠标右键选择查看源代码即可。
学习资料推荐:
在本文中,需要理解的点,在下面讲解中可能会混着讲,所以大家要看完教程之后自己去总结。
HTML文档是什么样如何新建一个HTML文档怎么打开HTML文档首先打开DW,新建一个HTML文件,就是后缀是html结尾的文件。
用DW这样的HTML专业软件有个好处就是新建的文件已经自动写好的一个HTML文件的基本结构。文档标题在页面中间上部的标题处可以修改,也可以保存后自己再修改。
保存名字为教程1,可以看到文件是这样的。
之后,我们尝试用记事本打开这个文件。
用记事本打开的样子。跟DW打开是一样。
在body部分输入文字,内容随意,然后保存。
再用浏览器打开,我这边用的谷歌浏览器。打开之后可以看到如下图所示。相信大家对HTML文件已经有了一点点概念了。
再回到DW打开,可以看到,文件下边是代码,上边是结果。如果只看到代码,这是因为在页面左上角传视图的方式选择。选择拆分即可。
在DW中新建一个文件之后,你其实就已经看到一个HTML的基本结构了,这是我们刚才新建的教程1
红色的矩形框内部的内容,我们称为!DOCTYPE声明
!DOCTYPE声明有助于浏览器中正确显示网页。网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype声明是不区分大小写的,以下方式均可:
!DOCTYPEhtml
!DOCTYPEHTML
!doctypehtml
!DoctypeHtml
通用声明
HTML5
!DOCTYPEhtml
HTML4.01
!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN