ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Html 5的新特性

2022-07-28 19:32:28  阅读:128  来源: 互联网

标签:控件 标签 元素 语义 特性 Html 文档 新增


1.新增语义化标签

  在Html5之前,我们习惯使用<div>元素来作为一个通用的容器,而<div>是HTML文档分区元素,本身是没有语义的。Html5新增了大量语义化标签,如<header>表示页眉,<nav>表示导航区,<aside>定义文档主内容之外的内容(像侧边栏之类的)等等。

 

优点

  • 提升页面的阅读性,在样式丢失时可以让页面呈现出清晰的结构;
  • 有利于搜索引擎优化(SEO),可以根据标签来确定上下文及关键字的权重;
  • 方便屏幕阅读器解析;
  • 有助于代码的开发和维护

 

2.新增媒体元素

  <audio>元素用于在文档中嵌入音频内容,<video>用于在文档中嵌入媒体播放器。它们有提供默认的控件给用户,来对音频或视频进行操作。

 

3.本地存储方式localStorage与sessionStorage

 

4.增强的表单控件

  为<input>元素新增了更多其他类型的控件,如type = date 表示该<input>是输入日期的控件,type=range使<input>元素呈现出一个调整范围值的控件等等。

 

5.Canvas

  Canvas API提供了一个通过JavaScript和HTML的<canvas>元素来绘制图形的方式,主要用于2D图形的绘制。通过在一个canvas上结合<video>元素功能,可以实现实时操作视频数据来合成各种视觉特效呈现到画面中。

标签:控件,标签,元素,语义,特性,Html,文档,新增
来源: https://www.cnblogs.com/evil-shark/p/16529911.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有