首页 新闻资讯 建站经验

您必须了解的HTML5功能,提示和技术

HTML5一直是Web开发人员世界中的热门话题。在本文中,我们将直接介绍您必须了解的有关HTML5的功能,技巧和技术。有许多美妙的惊喜在等着您!

摆脱冗长,艰巨且不可能学习的XHTML doctype。如果您拥有新的HTML5,它又短又可爱,那么为什么要坚持旧的又多余的。新的文档类型为<!DOCTYPE HTML>。糖不甜吗?事实是,实际上根本不需要这种格式。当前仅由于旧的浏览器不理解HTML5才使用它。更新浏览器后,请放心,您甚至不需要太多。

对于所有过去努力将字幕与图片关联起来的人来说,这是个好消息。HTML5解决了该问题。他们引入了称为<figure>元素的功能。这与称为<figcaption>的元素结合在一起。由于这两个原因,现在可以在图像和它们各自的标题之间建立语义上的关联。

在较早的场景中,元素<small>用于创建子标题,但现在已经重新定义了其含义。在HTML5中,元素<small>表示较小的字体。因此,这是将来需要注意的重要点之一。

摆脱名为type的属性。过去,它已添加到链接和脚本标签中,但是现在它是完全多余的。实际上,可以理解这两个标签即链接和脚本标签直接引用样式表和脚本。

您不再需要引用。可以删除XHTML中过去使用的引号。实际上,这更多是我们理解的习惯,因此,如果您希望继续使用它,可以,如果您希望摆脱它,则可以。这是你的选择。

在元素上增加了一个新的梦想,它被称为“ contenteditable”。顾名思义,该元素允许您编辑元素之间的文本。这也将包括孩子。此特定功能有很多用途。

接下来非常重要,电子邮件输入。HTML 5将引入内置的表单验证。

过去,创建占位符必须将JavaScript用于文本框。尽管它确实起作用,但是它有一个缺陷,那就是如果用户删除输入的文本并离开文本框并单击所有输入,则该输入将消失。使用名为占位符的新属性,可以解决此问题。但是,这方面还有待改进,我们相信很快就会达到目标,但是就目前而言,有些改进总比没有好。

本地存储功能(通常不是HTML5功能)允许用户存储他键入的所有数据。这意味着用户可以在一个地方取回先前输入的所有数据。就像占位符一样,它并不是在所有浏览器中都适用,但是可以在Windows资源管理器,Safari 4和Firefox5之类的大名下使用。

语义标头和页脚在XHTML中就是这样的任务。目前,整个事情变得简单,容易和方便。以前的标记现在是<header>,</ header>,<footer>,</ footer>,它确实比这更简单,容易了,不是吗?

有一个称为所需属性的新属性。该属性使用户可以决定需要什么类型的文本。就是说,当您键入命令时,所需的输入是什么,而您需要编写的全部是<required>。根据您喜欢的编码方式,可以通过两种方式使用此方法:旧的结构化方式或新的非结构化方式。正如我们之前所说,这完全取决于您的舒适程度以及编码方式。

HTML5消除了对JavaScript解决方案的需求。他们提出了一项称为自动对焦属性的新功能。顾名思义,该功能允许用户自动关注他或她想要关注的特定输入。

XHTML具有<audio>元素;类似地,HTML5具有<video>元素。尽管这可能仍处于开发阶段,但是某些浏览器能够使用它,例如Safari 4和Internet Explorer8。使用此元素时,需要使用两种格式。

“预加载视频”属性的新属性正是其名称所暗示的含义。此属性允许其用户预加载视频。棘手的部分是用户将不得不确定他是否确实需要预加载视频。对于那些确定必须使用此功能来预加载视频的人,这样可以节省网站访问者的时间。您需要做的就是输入<video preload>

使用这些视频属性时,您将意识到视频将以图像形式出现。这将没有像播放暂停,开始,停止等控制按钮。要在视频上添加这些按钮,您可以使用“显示控件”属性。添加<视频预加载控件>的视频时,需要添加控件属性。

现在,您可以为使用的正则表达式加价。但是,唯一的问题是字符串必须最少包含4个字符,最多包含10个字符。

上一条:如何在网页设计的UI中创建完美的空白空间 下一条:设计完美的移动网站时应遵循的6条规则
快速联系

You can contact us by email, phone number and address

请您拨打本凡一对一咨询电话:

0551-65651281
18326678023

您也可以咨询我们的在线客服

客服咨询 客服咨询 客服咨询