美文网首页
HTML5跟HTML的区别

HTML5跟HTML的区别

作者: zjxl | 来源:发表于2017-07-20 11:58 被阅读0次

越来越多的系统和应用平台选择使用html5作为制作标准,网页制作被纳入其中,从各种平台的总结来看,HTML5两大特点:

一,强化了 Web 网页的表现性能。

二,追加了本地数据库等 Web 应用的功能,Html5网页制作技术的深入提升,强大的功能陆续的被应用到网页制作,网页建设当中。

Html5 到底是什么,利用html5网页制作有什么好处?

Html5 广义上来说包含了html5、css和JavaScript三个部分,不仅仅是根据第一印象的html5,html5让网页制作从布局到细节处理都更加的 灵活,可以创建更好的网页结构,拥有更加丰富的标签,对媒体播放、编辑、存储等有更好的支持方式,兼容性更强。

HTML5跟HTML的相同点:

1、都是网页的基础,用来构建Web页面的“骨架” 。
2、具有基本相同的标签,如div,form,p等等。

HTML5跟HTML的不同:

1、 各个浏览器对HTML5的渲染或支持程度不同,但对HTML的支持或渲染已经很稳定 。
2、 html5正在发展,相当于于html的升级版本 。
3、 html5用户可以编辑网页的部分内容 。
4 、html5中元素可以使图像脚本更灵活 。
5 、html5中 新的API让页面程序开发更简单 。
6 、 html5改进页面表单操作 。
7 、html5新增加了很多新的标签,如<header>,<nav>,<footer>,<section>等。

现在说说HTML5新增的特性:

  1. 新增了一种HTML文档类型:<DOCTYPE html>

HTML5不基于SGML之上,因此不需要对DTD进行引用,但是要用doctype(doctype声明位于HTML文档中的第一行,处于 HTML标签之前。告知浏览器的解析器用什么文档解析这个文档。DOCTYPE不存在或是格式不正确会导致文档以兼容模式呈现)来规范浏览器的行为(让浏 览器按照他们应该的方式来运行)。而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

  1. 新增了一些结构化标记的元素:

绘画:canvas;

用于媒介回放的video和audio元素;

本地离线存储:localStorage,sessiorStorage。

语义化更好的内容元素:<header>,<nav>,<footer>,<section>等。

表单控制:calendar,date,time,email,url,search。

新的技术:webworker,websocket,Geolocation。

CSS更像是把多个“矩形”裁剪后,然后拼接成一个图案,然后给图案上色。但是canvas是由点开始,延长无数个点,得到线,延长线之后 得到一个面(三角形,圆形,矩形等等的图案面),然后给线或者面描边,上色。CSS更像是小朋友的手工课,而canvas更像是用一支笔来画图。

<header>,<nav>,<footer>,<section>等还有其他的许多标签,这些标签是代码更加的语义化,是阅读代码的人更加的通俗、易懂,是人们学习代码更加的简单方便。

audio和video可以说是html5给大家的一个惊喜,虽然以前不管通过flash,还是一些视频,音频插件大家都可以播放媒体文件,但是现在的audio和viedo更加标准;他不需要使用任何的插件就可以使视频和音频在浏览器上播放。

localStorage长期存储数据,浏览器关闭后数据不丢失;sessiorStorage的数据在浏览器关闭后自动删除。

相关文章

  • HTML5跟HTML的区别

    越来越多的系统和应用平台选择使用html5作为制作标准,网页制作被纳入其中,从各种平台的总结来看,HTML5两大特...

  • HTML5和HTML有什么区别?

    很多没有学过HTML5大前端的同学,对HTML5并不了解,经常会提出疑问:HTML5与传统HTML有什么区别?下面...

  • html5与css3的简单介绍1

    从今天开始介绍html5和css 什么是html5及与html有什么区别? html5是由html演变过来的,是h...

  • HTML和HTML5之间有什么区别?

    HTML和HTML5之间的区别有:HTML的文档类型声明太长而且复杂,而HTML5的文档声明相对来说更为简便,有利...

  • 前端笔记

    初级WEB前端工程师 HTML5HTML5 与 HTM4 的区别HTML5 新增的主体结构元素HTML5 新增的的...

  • HTML

    HTML HTML5语义化 cookie、sessionStorage和localStorage的区别 为什么最好...

  • XHTML和HTML5的区别(来源于“博客园”,侵删)

    XHTML和HTML5的区别: 既然被问到了HTML5和XHTML的区别,那我就在这里给大家分享一些我个人的理解,...

  • 学习纲要:HTML 基础概念

    学习目标 知道什么是 HTML。 了解 HTML 的发展历程。 知道 HTML 与 HTML5 的区别。 知道什么...

  • Html5与Html4的区别

    本文主要介绍Html5和Html4的区别。 语法的改变 内容类型HTML5 的文件扩展符与内容类型保持不变。扩展符...

  • 知识点总结

    HTML HTML&XHTML&HTML5HTML4,HTML5,XHTML 之间有什么区别? - 知乎 属性ja...

网友评论

      本文标题:HTML5跟HTML的区别

      本文链接:https://www.haomeiwen.com/subject/wtmdkxtx.html