html5基础教程,html5零基础入门教程
HTML5代表未来;W3C(万维网联盟)已经放弃了XHTML,从而使HTML5成为官方标准并得到认可。
HTML5是HTML的下一代。
HTML5将成为HTML、XHTML和HTML DOM的新标准,旨在取代现有的HTML4.01和XHTML1.0标准。它希望减少互联网富应用(RIA)对Flash、Silverlight、JavaFX等的依赖。
Lai,并提供更多可以有效增强网络应用的API。
HTML的最后版本诞生于1999年。从那以后,网络世界经历了巨大的变化。
HTML5还在不断完善中。然而,大多数现代浏览器已经有一些HTML5支持。
HTML5是W3C和WHATWG合作的成果。
WHATWG专注于web表单和应用,W3C专注于XHTML 2.0。2006年,双方决定合作创建新版HTML。
为HTML5建立的一些规则:
新功能应该基于HTML、CSS、DOM和JavaScript。
减少对外部插件(如闪存)的需求
更好的错误处理
更多的标签来替换脚本
HTML5应该是独立于设备的。
开发过程应该对公众透明。
最简单的 HTML5 文档
XML/HTML代码将内容复制到剪贴板!doctype html titleinthytml document/title pLet srockthebrowser,HTML5style。/p
只有一行文本的超简单HTML5文档,在浏览器中具有以下效果:
比较常见的结构是用head和body来分块,把页面的信息从页面的实际内容中分离出来,用html封装整个文档。当前文档如下所示:
XML/HTML代码将内容复制到剪贴板!doctype HTML HTML Head title atinyhtml document/title/Head Body普莱的Srockthebrowser,HTML5Style。/p/body/HTMLHTML,Head和body HTML5不需要这些元素,但是这种写法更好。
HTML5 文档类型
XML/HTML代码将内容复制到剪贴板!doctypehtml
第一行必须是一个特定的文档类型声明,用于告诉后面的文档标签遵循哪个标准。HTML5的文档类型声明非常简单。
字符编码
现在,大多数网站使用UTF-8编码,它简洁,快速,支持任何非英语字符。
在HTML5中添加字符编码信息非常简单。在head中添加元元素,如下所示:
XML/HTML代码将内容复制到剪贴板header metacharaset= utf-8 titrainyhtmldocument/title/head
Dreamweaver将在创建新网页时自动添加这些元信息,并将文件保存为UTF编码格式。如果您使用的是最简单的文本编辑器,请记得在保存时选择正确的编码(UTF-8)。
页面语言
指出网页中使用的自然语言是一个好习惯。指定内容的语言,可以在任何元素上使用lang属性。
向整个页面添加语言描述是为html元素指定lang属性,如下面的代码所示:
XML/HTML代码将内容复制到剪贴板htmllang=zh-CN
如果页面包含多种语言的文本,那么这些信息细节对屏幕阅读器也很有用。
添加样式表
只要是专门设计的专业网站,肯定会用样式表。当指定要使用的CSS样式表时,需要在头部添加link元素,如下所示:
XML/HTML代码将内容复制到剪贴板header metacharaset= utf-8 titleatinyhtml document/title link rel= style sheet href= tinyhtml 5 . CSS /head
添加JavaScript
在HTML5中添加JavaScript类似于在传统页面上添加JavaScript,比如:
XML/HTML代码将内容复制到剪贴板header metacharaset= utf-8 titleatinyhtml document/title link rel= style sheet href= tinyhtml 5 . CSS script src= tinyhtml 5 . js /script/head
不需要添加language="JavaScript "属性。浏览器采用您想要使用的JavaScript。
特别注意:
如果你想在IE中花很多时间测试包含JavaScript的页面,还应该添加一个特殊的注释,叫做Web logo(保存自url=)。这一行注释应该放在指定的字符编码元素之后,如下所示:
XML/HTML代码将内容复制到剪贴板header metacharaset= utf-8 !-saved from URL=(0014)about:internet-titaniynhtmldocument/title
此评论告诉IE将该页面视为从远程网站下载。否则IE会切换到特殊锁定模式,弹出安全警告。在您单击“允许阻止的内容”按钮之前,JavaScript代码不会被执行。
(0014)指about:internet字符串的长度。
决赛成绩
一个完整而漂亮的HTML5代码最终如下:
XML/HTML代码将内容复制到剪贴板!doctype html html lang= zh-CN head元字符集=utf-8 !-saved from URL=(0014)about:internet-titleitinyhtml document/title linkrel= style sheet href= tinyhtml 5 . CSS script src= tinyhtml 5 . js /script/head body pLet srockthebrowser,HTML5style。/p /body /html
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。