HTML5有哪些新特性？

最新推荐文章于 2023-07-18 20:59:30 发布
最新推荐文章于 2023-07-18 20:59:30 发布
阅读量625 收藏 4
点赞数 1
分类专栏： 前端 文章标签： HTML5新标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28167307/article/details/85756676
版权

HTML5有哪些新特性？

新增的功能

  • 更加语义化的元素。 article、footer、header、nav、section
  • 本地化储存。 localStorage 和 sessionStorage
  • 离线应用，离线缓存。 manifest
  • 拖曳以及释放的api。 Drag and drop
  • 媒体播放。 video 和 audio
  • 增强表单控件。 calendar、date、time、email、url、search
  • 地理位置。 Geolocation
  • 多任务。 webworker
  • 全双工通信协议。 websocket
  • 历史管理 history
  • 跨域资源共享(CORS) Access-Control-Allow-Origin
  • 页面可见性改变事件 visibilitychange
  • 跨窗口通信 PostMessage
  • Form Data 对象
  • 绘画：canvas

HTML5移除了那些元素？

  • 纯表现的元素：basefont、big、center、font、s、strike、tt、u
  • 对可用性产生负面影响的元素：frame、frameset、noframes

怎么样处理h5新标签的兼容问题

  • 第一可以使用 document.createElement 来创建新标签
  • 使用垫片 html5shiv.js
<!--if lt IE 9]>　　
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>　　
<![endif]-->

怎么样区分HTML和HTML5

  • 很明显的区别就是DOCTYPE声明,h5只需要写<!DOCTYPE> ，而html声明<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • 可以根据h5新增的功能元素如canvas来进行判断
简笔记
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5的新特性有哪些？
不断学习，不断进步，提高自己
06-26 3681
HTML5是近年来Web开发标准最巨大的飞跃。与以前的版本不同，HTML5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML5平台上，视频、音频、图像、动画，以及同计算机的交互都被标准化。HTML5在以前浏览器发展的基础上对标记进行了简化。另外，HTML5中对标记从语法上也进行了分类。
HTML5 有哪些新特性
最新发布
shenjing_Shining的博客
04-09 1215
HTML5 是 HTML 标准的一个重大更新，它引入了许多新特性和改进，旨在提高 Web 应用的性能、互交性和多媒体支持。
HTML 5 的十大新特性
热门推荐
秋天，黄叶坠地，凉风有信。
01-16 1万+
# HTML5 十大新特性总结 一、**语义标签** 二、**增强型表单** 三、**视频和音频** 四、**Canvas绘图** 五、**SVG绘图** 六、**拖拉API** 七、**WebWorker** 八、**WebStorage** 九、**WebSocket** 十、**地理定位**
HTML5新特性
qq_45557130的博客
10-26 144
html5
这一次，彻底搞懂HTML5新特性
Always-Learning
02-27 7931
前言 HTML5已经被提出多年，关于HTML5到底带来了哪些新特性？和之前的HTML版本有什么区别？这经常是面试官考到的题目，下面让我们来深刻的总结这个问题吧~ HTML新特性 1：语义化标签 通过语义化标签，可以让页面有更加完善的结构，让页面的元素有含义，同时利于被搜索引擎解析，有利于SEO，主要标签包括下面的标签： 标签 描述 header 表示文档的头部区域 footer 表示文档的尾部区域 nav 表示文档导航部分 section 表示文档的某一节 artic
HTML5常用新特性
weixin_43933771的博客
04-08 196
HTML5 声明：新特性增加了很多，但是我们下面只专注于开发中所常用的一些新特性。 新增语义化标签 所谓语义化标签就是用合适的标签去做合适的事情。 以前布局时，我们基本用div来做，但是div只是用来装内容的，所以不利于搜索引擎的优化（即SEO）（例如：div和span只是用来装内容的容器，并没有任何语义）。 语义化标签：header、footer、aside、article(内容标签)、section(定义文档某个区域)。 新增多媒体标签 新增的多媒体标签主要包含两个：audio、video。 使用它们可
阿西河前端教程学习心得随记——HTML5 有哪些新特性？_声明方式
01-08
但理智告诉我，一切还未正式开始。肿么办？-_-#  ...待到将所有的html面试题过了一遍后，应该便有信心继续其它知识的学习了吧？...学习内容：HTML5 有哪些新特性？ html5的新特性主要表现在五个方面，
前端面试必备之html5的新特性
09-28
HTML5想必大家都很熟悉了,因为太多的媒体在讨论这一技术。所以当我们在面试前端工作的时候，遇到html5相关的问题...下面这篇文章就来跟大家分享介绍了关于前端面试必备之html5新特性的相关资料，需要的朋友可以参考下。
HTML5有哪些新特征
09-28
HTML5 是一种现代的网页标准，它引入了许多新特性，以增强用户体验并简化开发者的工作。以下是一些HTML5的关键新特性及其详细说明： 1. **Canvas 元素**： Canvas 提供了一个基于 JavaScript 的绘图接口，允许动态...
html5新特性与用法大全
09-22
有好多小伙伴私聊我问我html5新特性 和用法，下面我给大家具体介绍一下html5都新加了哪些新特性，感兴趣的朋友跟随脚本之家小编一起看看吧
1.06 HTML5新特性
10-07
"HTML5 新特性" HTML5 是 WHATWG 和 W3C 合作的结果，旨在创建一个新版本的 HTML。HTML5 仍处于完善之中，但大部分现代浏览器已经具备了某些 HTML5 支持。 1. 音频视频播放 HTML5 引进了 `<audio>` 和 `<video>` ...
分享 15 个 HTML 新特性，大多数人可能不知道，建议尽早使用上
前端达人
02-10 577
在过去的几年里，前端开发发生了革命性的变化，变得更高效、更快，当然也更大。SPA 框架的引入使 Web 开发发生了重大变化。更多繁重的工作转移到了前端，需要处理更多的事情，例如动态 UI、路由、状态管理等。因此，程序员习惯于使用新方法和第三方来减轻一些繁重的工作。当然，它有它的优点，但也有缺点，让我们变得更懒惰。但是如果我告诉你，在前端的这段时间里，你可能错过了一些基本功能，而不是使用它们，而是使...
HTML5新特性总结
W-Mo-Mo的博客
07-15 142
WebStorage是HTML新增的本地存储解决方案之一，但并不是取代cookie而指定的标准，cookie作为HTTP协议的一部分用来处理客户端和服务器的通信是不可或缺的，session正式依赖与实现的客户端状态保持。Web Worker的基本原理就是在当前javascript的主线程中，使用Worker类加载一个javascript文件来开辟一个新的线程，websorage拥有5M的存储容量，而cookie却只有4K，这是完全不能比的。*SVG是基于XML的，意味这可以操作DOM，渲染速度较慢。
HTML5的新特性
博哥的二进制世界
03-06 531
HTML5的新特性
HTML5新增特性总结
m0_74359055的博客
07-18 138
myHero>可以为HTML添加新的元素，并定义元素的样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值