html5与html有什么关系,两种有何区别

html5与html有什么关系,两种有何区别

html5与html有什么关系,两种有何区别

HTML是最常用的标记语言–一个旨在通过在风格化的文件中嵌入标签和文本注释来处理、定义和呈现文本的系统,使计算机易于进行文本操作。2014年,这种语言的一个名为HTML5的更新被发布。但什么是HTML5?HTML与HTML5,有什么区别?在这篇文章中,我们将回答这个问题。

什么是HTML?

超文本标记语言(HTML)是万维网的主要语言。它允许开发人员设计网页元素,如文本、超链接和多媒体文件,如何在浏览器上显示。

这种语言是静态工作的,这意味着你不能用HTML创建一个动态或互动的网页功能。它只修改网页的静态元素,如内容页眉、页脚、图像位置等。

要建立一个漂亮的、互动的网站,你需要将HTML与至少两种前端语言相结合。层叠样式表(CSS)和JavaScript。

HTML使用各种标签,包括标题、表格和段落,来定义页面的文本结构。每个标签都是用和公式定义的。它通常被分别称为”开头”和”结尾”标签。

例如,如果你希望将一个特定的文本样式改为斜体,你可以使用<i>在这里输入你的文本</i>。你的浏览器将通过这些标签渲染内容,然后在屏幕上显示。

第一个HTML是由TimBerners-Lee在1991年发布的。此后,他的创作经历了多次更新,包括1995年的HTML2.0,1997年的HTML3.2,1999年的HTML4.01,以及2000年的XHTML。目前,最新的HTML版本是2014年发布的HTML5。

html5与html有什么关系,两种有何区别

与前辈相比,HTML5有大量新的附加功能,如支持离线媒体存储、更具体的内容元素(如页脚、页眉、导航等)、更简单的内联类型、音频和视频嵌入支持。

继续阅读,了解更多关于HTML与HTML5的信息。

HTMLVSHTML5,两者主要区别是什么?

发布HTML5的主要目的是改善开发人员和终端用户的万维网体验。在这篇关于HTML与HTML5的文章中,我们将简要地列出主要的区别:

  • HTML5支持SVG(可扩展矢量图形)、画布和其他虚拟矢量图形,而在HTML中,使用矢量图形只能通过与Flash、VML(矢量标记语言)或Silverlight等不同技术结合使用。
  • 在HTML5中,网络SQL数据库被用于临时存储数据。同时,在以前的HTML版本中,只有浏览器缓存可以用于此目的。
  • 通过HTML5,JavaScript可以在网络浏览器中运行,而旧版HTML只允许JavaScript在浏览器界面线程中运行。
  • HTML5不是基于SGML的。这意味着该语言有改进的解析规则,提供了更强的兼容性。
  • 你可以用HTML5在文本中使用内联MathML和SVG,而HTML则限制了它。
  • 一些元素在HTML5中被移除,如isindex、noframes、acronym、applet、basefont、dir、font、frame、frameset、big、center、strike和tt。
  • HTML5支持新种类的表单控件,包括日期和时间、电子邮件、数字、范围、电话、网址、搜索等。
  • 在HTML5中,有多种新功能和新元素。其中最重要的一些是摘要、时间、旁白、音频、命令、数据、数据列表等等。完整的列表,请查看这里。
    html5与html有什么关系,两种有何区别

HTML5为开发者提供的主要优势

HTML5希望开发者在设计网站时能有更多的灵活性。为此,在《HTML与HTML5》文章的这一部分,我们将解释值得注意的重大改进。

持久的错误处理

大多数浏览器都支持解析结构上/语法上不正确的HTML代码。然而,直到几年前,还没有一个标准化的流程来处理这个问题。

这意味着,浏览器开发者不得不在不同的浏览器中进行畸形的HTML文档测试,以通过逆向工程创建改进的错误处理流程。

HTML5中一致的错误处理在这方面有了巨大的改变。在HTML5中使用的改进的解析算法,在节省大量资金和大量时间方面有着无法量化的好处。

改进元素的语义

对HTML中各种现有元素的语义角色进行了改进,以增强代码的暗示性。

Section、Article、Nav和header是新的元素,它们取代了大多数现在已被淘汰的div元素。它使错误扫描的过程变得不那么复杂,因为这些元素更加直截了当。

加强对网络应用功能的支持

HTML5的主要目标之一是允许网络浏览器作为应用平台发挥作用。因此,它为开发者提供了对其网站性能的强化控制。

在过去,由于许多服务器端技术和浏览器扩展没有出现,开发者不得不使用变通方法。

目前,没有必要采用任何基于JavaScript或Flash的变通方法(像以前在HTML4中那样),因为HTML5中有一些元素可以提供所有的功能。

移动网络变得更容易

在过去十年中,拥有智能手机的人口一直在不断增长,这就产生了对改进HTML标准的需求。

终端用户希望能够在任何时候通过任何移动设备访问网络资源。换句话说,拥有一个网站是一种要求。幸运的是,HTML5能够满足平板电脑和智能手机等低功率电子移动设备的需求,从而使移动支持变得简单了许多。

canvas元素

HTML5最令人兴奋的功能之一是<canvas>元素,它允许你绘制各种图形组件,如方框、圆圈、文本和图像。

考虑到使用HTML5通过脚本(如JavaScript)使用不同的颜色和形状绘制图形是多么方便,人们相信这种语言将使Flash完全过时。

然而,值得一提的是,<canvas>元素只是一个图形容器。因此,为了定义图形,必须执行一个脚本。下面是一个将JavaScript与该元素结合使用的例子。

<canvasid=”TestCanvas”width=”200″height=”100″></canvas>。

varc=document.getElementById(“TestCanvas”);

varcontext=c.getContext(“2d”);

context.fillStyle=”#FF0000″。

context.fillRect(0,0,140,75)。

菜单元素

新增加的<menu>和<menuitem>元素是交互式元素规范的组成部分,也是网络开发的范例。

这两个项目可以用来确保增强网络的互动性。<menu>标签用于表示移动和桌面应用程序中的菜单命令,以达到简化的目的。菜单标签的一个可能用法是。

<bodycontextmenu=”new-menu”>。

<menuid=”new-menu”type=”context”>

<menuitem>Hello!</menuitem>。

</menu>

</body>

可定制的数据属性

在旧版本的HTML中添加自定义属性是可能的,但这是一件有风险的事情。例如,自定义属性有时会阻止页面在HTML4中完全呈现,并导致不正确/无效的文件。

幸运的是,HTML5中的data-*属性已经结束了这个经常发生的问题。虽然这个属性有多种用途,例如为CSS元素定型或通过jQuery访问一个元素的数据属性。但是,它的主要目的还是为了存储不同元素的额外信息。

现在,可以包含自定义数据,让开发者有机会制作出吸引人的高效网页,而不必引入复杂的服务器端查找或Ajax调用。

网络存储取代Cookies

HTML5使用网络存储或本地存储来取代cookies。在旧的HTML版本中,如果开发者想存储任何东西,他们不得不利用持有少量数据(约4kb)的cookies。

然而,cookies有几个缺点–它可能会过期,限制复杂数据的使用(它只允许字符串),并通过向服务器携带额外的脚本来减慢网络服务器。

另一方面,网络存储允许数据永久地存储在客户端的计算机上(除非用户将其删除),它也有更大的数据存储量(5MB),并且不会因为请求服务器而产生额外的负担。

HTML5对终端用户的优势

HTML5为开发者和终端用户带来了范式的转变。它为终端用户提供的一些优势是:

  • 减少移动浏览器崩溃。
  • 它提供了对移动网站更好的依赖性。当访问者想使用某个公司的服务但不想下载他们的应用程序时,他们可以直接登录该公司的响应式网站。
  • 通过使用JavaScript和MPEG4为开发者提供富有美感的图形用户体验,根除使用AdobeFlash的需要。
  • 支持本地音频和视频元素,无需任何额外插件。

HTML5小抄表

如果你开始学习一门新的语言,小抄可以起到很大的帮助作用。在这篇关于HTML与HTML5的文章中,我们提供了包括最常用的HTML和新的HTML5标签的表。

总结

在这篇关于HTML与HTML5的文章中,我们已经了解了HTML5与其前身的主要区别。

首先,HTML5增强了其旧版本所缺乏的大量领域。它支持通过和<video>标签嵌入视频和音频,完全支持JavaScript在后台运行,提供了多种新元素,如日期、数据列表、摘要等,并通过改进解析规则实现了更好的兼容性。

其次,从开发者的角度来看,HTML5在很多方面都有改进,包括持久性错误处理、语义元素、对网络应用和移动使用的支持、<canvas>元素的利用等等。

最后,考虑到HTML5在现代网络技术中的使用是多么方便,我们可以有把握地认为,在未来几年,这种标记语言的采用将更加迅速。

尽快了解HTML5,以最大限度地发挥现代浏览器的潜力,对你来说是最重要的。我们希望这篇关于HTML与HTML5的文章能对你有所帮助。

未经允许不得转载:桂林SEO网站 » html5与html有什么关系,两种有何区别