什么是HTML5?

HTML和XHTML用作创建网页的语言。那么,你最近经常看到的“HTML5”是什么?这次我们将简要介绍“HTML 5”。■ 下一代HTMLHTML 5是一种新的HTML,它是当前Web上广泛使用的“HTML 4”和“XHTML 1”的后续版本。尽管该规范尚未确认,但已开始与主要浏览器的通信,并且已经用HTML5编写的网站的数量也在增加。■ HTML而不是“另一种语言”,“改进且有用的HTML”HTML 5不是“全新的语言”。“在传统的HTML·XHTML语言加上方便的功能”,是从根本上说,它是(※要精确,不仅此外,还有一个变化的或过时的规格)。■ 描述并不难!HTML 5的描述并不困难。写作几乎与传统的HTML和XHTML相同。相反,我甚至试图写得更简单。

与传统HTML中的HTML 5有什么不同?

如果提到的话,HTML 5中新增的规格是巨大的。在这里,让我们简要介绍一下“如果你看到它就可以立即看到的便捷功能”,它通常作为HTML5的新功能引入。

可以播放和控制视频和音频

如果你想发布图片(电影),你必须使用Flash之前的插件。但是,如果您使用HTML 5中添加的视频元素/音频元素,则可以轻松播放视频(视频)和音频。

html5技术网站 网站 html5_html5技术网站

可以在不使用插件的情况下播放电影(Safari显示示例)

它不仅可以简单地播放,它已成为可以使用JavaScript执行各种控制的规范(有关详细信息,请参阅“ HTML5概述:可播放视频和音频的视频元素·音频元素 ”)。

您可以在不使用图像的情况下绘制图形和图片,也可以使用动画

如果要显示图形和图片,到目前为止只有一种方法可以创建和发布图像文件。如果你想要复杂的动画,你还必须使用Flash和其他人。但是,使用HTML 5中添加的canvas元素,您可以使用JavaScript动态绘制和移动图形。

html5技术网站 网站 html5_html5是什么 及其作用_02

即使不创建图像,您也可以直接在页面上绘制图片(Chrome上的示例)

如果使用此canvas元素,则需要使用JavaScript进行绘制。但是,如果使用描述方法SVG,则图形的绘制仅在HTML源中完成。如果您不需要动态生成或动画,SVG需要更短的源。(有关详细信息,请参阅“ HTML5概述:允许您绘制和移动svg元素的canvas元素 ”)。

html5技术网站 网站 html5_HTML_03

如果是SVG,则不需要脚本。您只能使用HTML源绘图(Firefox显示示例)

html5技术网站 网站 html5_html5技术网站_04

可以显示复杂的公式

上图是W3C(万维网联盟)站点中SVG页面上的示例。只需在HTML源代码中编写几行SVG即可显示这样的图表。此外,使用名为MathML的描述方法,您可以显示复杂的公式。右边的图是一个用句子显示数学表达式的样本。在HTML 5中,有一个用于在句子中描述MathML的数学元素。这样,在“HTML 5”中,传统上已经成像和发布的图形和数学公式可以用HTML(和脚本)绘制。

输入表单中使用的输入字段很有用

在输入表格上,可能会要求您输入电话号码,电子邮件地址,日期等。传统上,只有一个使用相同的“文本输入字段”。但是,HTML5可以使用专门用于各种目的的表单。

html5技术网站 网站 html5_SVG_05

新添加了各种输入字段,例如日期和数值(Opera中的显示示例)

如果您输入“电子邮件地址输入表单”,浏览器会在输入除电子邮件地址以外的字符串时发出警告。如果您创建“日期条目表单”,将显示用于选择日期的专用日历。此外,还增加了各种功能,并且可以创建实用的表格(详情请参阅“ HTML5概述:按类型变得更方便的输入表格 ”)。

使用HTML 5的好处

1.新标准所有主流浏览器都越来越多地与HTML5相对应。HTML 5肯定是“制作未来网页的标准”。2.减少浏览器之间的差异由于浏览器的行为也在HTML 5中定义,因此如果它们位于HTML5兼容的浏览器之间,则可以预期绘图和运动的差异会更小。此外,由于在使用旧浏览器浏览时也考虑了兼容性,因此可以放心使用。3.很多有用的功能!最重要的是,在HTML 5中改进/添加了许多方便的功能,这是一个很大的优点。除了上面举例说明的新功能之外,还有许多改进和附加功能。通过使用它们,您可以使网页更加用户友好和实用。※不仅视觉问题而且与外观没有直接关系的规格也得到了改进,因此可以适当地添加内容。这一点有助于向“非人类观众”(如搜索引擎)正确传达意义。它还有助于浏览各种设备(通用PC浏览器除外),如移动终端和语音浏览器。

未来的标准是HTML5

HTML5的实现在浏览器方面并不完美,HTML5的规范本身并不是首先固定的。但是,毫无疑问,HTML 5将成为未来网络制作的标准,毫无疑问,有代表性的浏览器会增加与HTML 5的对应关系。根据浏览器的发展,我们建议您一点一点地尝试,以HTML 5的有用部分和感兴趣的部分为中心。

HTML5并不难!

我想到底要特别强调“ HTML5是不难的是,”。确实增加了很多规格。但是,您不必从一开始就使用它们。在这些实用的附加功能,你应该只使用你感兴趣的部分。在“XHTML”后出现“HTML4”,规则,如“必须这样写”了很多,你可能还记得有,这是很难的图像。然而,HTML5 更简单的你已经能写,你可以同时使用HTML4的传统写作·XHTML(例如,一个新行不必写成
还写道,点击) 。换句话说,没有必要记住基本的写作风格。你必须记住几件新事物。这当然是更方便的记为添加方便的元素,但(即使未使用)的,而不必记住HTML5能够被写入。要想到“它在某种程度上似乎很难,”首先,我们建议您尝试使用只是一部分,你有兴趣。

现在注意使用HTML 5

HTML 5的规范尚未确定,浏览器的对应关系并不完美。对应程度取决于浏览器关于此次介绍的功能。请注意,您无法始终使用浏览器浏览所有内容。现在使用HTML 5时,请不要忘记“考虑不兼容的浏览器”(可以考虑写入)。※此次介绍的内容与Internet Explorer 8(IE 8)不兼容。在目前正在开发的IE 9中,它将在一定程度上得到处理。