前端用html5还是html4,Web前端面试题第四道

HTML5新特性

HTML5 中一些有趣的新特性：

①用于绘画的 canvas 元素；

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

③对本地离线存储的更好的支持；

④新的特殊内容元素，比如 article、footer、header、nav、section；

⑤新的表单控件，比如 calendar、date、time、email、url、search"

以上是w3c上的原话，简单说就是更符合标准，提供更多功能支持；更加规范，可读性更强，性能有提升，实现功能更加简单方便，就像手机一样，高版本的功能多一些。

现在越来越多的程序员开始HTML5来构建网站。虽然HTML5与HTML4有很多相似之处，也有一些关键的不同。如果想在你的工作中使用这些新的标记和属性，建议你最好只是做实验，原因是HTML5仍在制定中，这些新标记和新属性在将来也许会有很大的改变，所以你要不断的更新代码，它们很可能会过期失效。所以最好耐心的等到HTML5真正可以实用时候再应用到工作中来。

下边列出了HTML5余HTML4之间10个关键的不同之处

1、HTML5仍然是一个制定中的标准

这第一个也是非常重要的一个区别，虽然与HTML4相比HTML5很酷，很规范，但是这些都无法改变HTML5依然是一个制定中的标准的事实。HTML5仍然处在初级阶段，预期会发生很多变化。你必须把这些因素考虑进来，因为这个你需要不停的更新升级你的网站，这是很不方便的。这也是为什么到目前为止，最好在产品里使用HTML4，只在实验里使用HTML5的原因。HTML4也许已经超过10岁了，但是它作为正式标准的事实一直没变。

2、简化的语法

更简单的doctype声明是HTML5里众多新特征之一。现在只需要写就好了。HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。

3、新的标记代替flash

Flash给Web开发者带来了很多麻烦，因为想要在网页上播放Flash需要一堆代码和插件。标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前标签还不能实现Flash的所有功能，但是相信很快就会颠覆并代替flash。

4、新的与标记

HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么一些像和这样的新标记会出现，它们是专门为标志网站的这些部分设计的。用来明确表示网页的结构。

5、新的与与标记

跟与标记相似，HTML5中引入的新的和标记可以让开发人员更好的标注页面上的这些区域。有利于清晰化网页的结构，更有利于SEO。

6. 新的

标记

新的< menu>可以被用于创建传统的菜单，也可以用于工具栏和上下文菜单。新的< figure>标签使得网页文字和图片的排版更专业。

7. 新的和标记

新的和标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称，它们是用来嵌入音频和视频文件的。

除此之外还增加了新的多媒体的标记和属性，例如，它是用来提供跟踪视频的文字信息的。

8. 表单的全新水平

新的

和标记对原有的表单元素进行的全新的修改，添加了很多的新属性，也修改了很多属性。如果你经常的开发表单，建议花时间更详细的研究一下。

9. 不再使用 和标记

官方说明是这些标记可以通过CCS来做更好的处理，也许我们以后会习惯这种方法。

10. 不再使用,

, 标记

有了更好的标记能实现他们的功能。

这10个HTML5和HTML4之间的不同只是整个新的规范中的一小部分。除了这些主要的变动外，我还可以略提一下一些次要的改动，比如修改了

标记的属性，让它能够倒排序，对

标记也做了些修改。

那么如何处理HTML5新标签的浏览器兼容问题呢？

以上十点只是HTML5和HTML4差别的很小一部分，最新最全的HTML5-HTML4对比信息请看：http://dev.w3.org/html5/html4-differences/

前端用html5还是html4,Web前端面试题第四道—Html5与html4的异同相关推荐

java 前端页面传过来的值怎么防止篡改_答对这40道经典web前端面试题，想不拿到offer都难！...
想成功就业web前端工程师,想要能高薪就业,那么除了好的web前端技能以外,还得有好的面试技巧,如果提前就了解更多企业的面试要求及面试题目,那么可以让我们的面试成功的几率大大的提高. 今天小编就整理了 ...
应届生web前端面试题_2020最新Web前端经典面试题试题及答案（持续更新）
Web前端面试题 Web前端面试题:说说你对webpack的看法解析:webpack是一个模块打包工具,可以使用webpack管理你的模块依赖,并编译输出模块们所需要的静态文件.能很好的管理.打包w ...
WEB前端面试题整理
WEB前端面试题文章目录 WEB前端面试题一.html部分 1.Doctype有什么作用?标准模式与兼容模式有什么区别 2.标准模式与兼容模式(怪异模式)各有什么区别? div1和div2之间的距 ...
吐血熬夜整理!2020最全web前端面试题!!!你想要的我这都有！！！
吐血总结了下web前端面试题,分享给大家,以后还会持续更新,有些题目有多种答案,本文只给出其中一种,哪里有问题的欢迎指出. Html&CSS 1.谈谈你对web标准的理解 web标准的理解 2 ...
史上最全的web前端面试题汇总及答案1
小编推荐:Fundebug提供JS错误监控.微信小程序错误监控.微信小游戏错误监控,Node.j错误监控和Java错误监控.真的是一个很好用的错误监控费服务,众多大佬公司都在使用. 很早之前就在看we ...
Web前端面试题集锦
Web前端面试题集锦前端开发面试知识点大纲: 注意转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/5927180.html )作者:wangwen896 H ...
金三银四，磨砺锋芒；剑指大厂，扬帆起航（2020年最全大厂WEB前端面试题精选）下
引言元旦匆匆而过,2020年的春节又接踵而来,大家除了忙的提着裤子加班.年底冲冲冲外,还有着对于明年的迷茫和期待!2019年有多少苦涩心酸,2020年就有更多幸福美好,加油,奥利给!怀着一颗积极向上 ...
JavaScript中的load事件的作用_史上最全的web前端面试题汇总及答案JavaScript之二（二）...
作者:樱桃小丸子儿链接:https://www.jianshu.com/p/abadcc84e2a4 JavaScript JS的基本数据类型 number,string,boolean,objec ...
javascript array添加图片_史上最全的web前端面试题汇总及答案JavaScript之二（二）...
作者:樱桃小丸子儿链接:https://www.jianshu.com/p/abadcc84e2a4 JavaScript JS的基本数据类型 number,string,boolean,objec ...

前端用html5还是html4,Web前端面试题第四道—Html5与html4的异同

前端用html5还是html4,Web前端面试题第四道—Html5与html4的异同相关推荐

最新文章

热门文章