HTML5 新元素

HTML5 新元素


HTML5 新元素

自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义。

为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等。


新元素

标签 描述
标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API


新多媒体元素

标签 描述
定义音频内容
定义视频(video 或者 movie)
定义多媒体资源
定义嵌入的内容,比如插件。
为诸如


新表单元素

标签 描述
定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
规定用于表单的密钥对生成器字段。
定义不同类型的输出,比如脚本的输出。


新的语义和结构元素

HTML5提供了新的元素来创建更好的页面结构:

标签 描述
定义页面独立的内容区域。
定义页面的侧边栏内容。
允许您设置一段文本,使其脱离其父元素的文本方向设置。
定义命令按钮,比如单选按钮、复选框或按钮
用于描述文档或文档某个部分的细节
定义对话框,比如提示框
标签包含 details 元素的标题
规定独立的流内容(图像、图表、照片、代码等等)。
定义
元素的标题
定义 section 或 document 的页脚。
定义了文档的头部区域
定义带有记号的文本。
定义度量衡。仅用于已知最大和最小值的度量。
定义导航链接的部分。
定义任何类型的任务的进度。
定义 ruby 注释(中文注音或字符)。
定义字符(中文注音或字符)的解释或发音。
在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
定义文档中的节(section、区段)。
定义日期或时间。
规定在文本中的何处适合添加换行符。


已移除的元素

以下的 HTML 4.01 元素在HTML5中已经被删除:

<strike> <tt> <!-- 其他扩展 --> </div> <footer class="entry-meta"> <p id="tag-wrap" class="tag-wrap"> <i class="fa fa-tags"></i> 标签: </p> <div class="clear"></div> </footer> <div class="authorbio"> <ul class="spostinfo"> <li><strong>声明:</strong>本站内容均来自互联网,如果侵犯了您的权益请与我们联系,我们将在24小时内删除。</li> <li><strong>本文地址:</strong><a href="http://www.humeup.cn/HTML/1866.html" title="">http://www.humeup.cn/HTML/1866.html</a></li> </ul> </div> </div> </div> <div class="article"> <div class="article-container"> <div class="post-navigation"> <div class="post-previous"><span class="prev">上一篇</span><a href="/HTML/1865.html">HTML5 Canvas (html5 canvas压缩图片)</a></div> <div class="post-next"><span class="next">下一篇</span><a href="/HTML/1867.html">HTML5 浏览器支持 (html5浏览器全屏)</a></div> </div> </div> </div> <div class="article"> <div class="article-container"> <div class="relates"> <div class="title"> <h3>相关文章</h3> </div> <div id="related-img"> <ul id="related"> </ul> <div class="clear"> </div> </div> </div> </div> </div> </div> <aside class="sidebar" id="sidebar"> <dl class="function" id="side-adimg"> <dt class="function_t">广告</dt> <dd class="function_c"> <a href="https://t.aliyun.com/U/oTpGxp" target="_blank"><img src="/static/v1/pc/images/aliyun.jpg" alt="【阿里云】云服务器u1-实例2核4G 80G,新人专享渠道特惠价只要199元!特惠热卖中。 点击【 https://t.aliyun.com/U/oTpGxp 】立即购买"></a> </dd> </dl> <dl class="function" id="side-tui-article-item"> <dt class="function_t">热门阅读</dt> <dd class="function_c"> <div> <article><a href="/douyin/2470.html" class="image"><img src="/static/assets/images/5.jpg" alt="瞄准小学生,品牌靠几十元单品月入5千万!"></a> <h3><a href="/douyin/2470.html">瞄准小学生,品牌靠几十元单品月入5千万!</a></h3> </article> <article><a href="/douyin/2450.html" class="image"><img src="/static/assets/images/16.jpg" alt="抖音爆款脚本拆解.pdf(抖音脚本模板)"></a> <h3><a href="/douyin/2450.html">抖音爆款脚本拆解.pdf(抖音脚本模板)</a></h3> </article> <article><a href="/douyin/2449.html" class="image"><img src="/static/assets/images/20.jpg" alt="抖音完整运营玩法.ppt!(抖音企业运营方案ppt)"></a> <h3><a href="/douyin/2449.html">抖音完整运营玩法.ppt!(抖音企业运营方案ppt)</a></h3> </article> <article><a href="/douyin/2448.html" class="image"><img src="/static/assets/images/14.jpg" alt="抖音起号指南.pdf"></a> <h3><a href="/douyin/2448.html">抖音起号指南.pdf</a></h3> </article> </div> </dd> </dl> <dl class="function" id="side-adimg"> <dt class="function_t">广告</dt> <dd class="function_c"> <a href="https://www.aliyun.com/daily-act/ecs/activity_selection?userCode=vgt859tn" target="_blank"><img src="/static/v1/pc/images/aliyun2.jpg" alt="【阿里云】云服务器u1-实例2核4G 80G,新人专享渠道特惠价只要199元!特惠热卖中。 点击【 https://t.aliyun.com/U/oTpGxp 】立即购买"></a> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt> <dd class="function_c"> <ul> <li><a href="/index.php?s=tag&name=win8">WIN8</a></li> <li><a href="/tag/2024nianjuminyibaojiaofeibiaozhunshiduoshao.html">2024年居民医保缴费标准是多少</a></li> <li><a href="/tag/heishenhuawukongguanwang.html">黑神话悟空官网</a></li> <li><a href="/tag/heishenhua:wukong.html">黑神话:悟空</a></li> <li><a href="/tag/xiaohongshuyinliu.html">小红书引流</a></li> <li><a href="/tag/xiaohongshu.html">小红书</a></li> <li><a href="/index.php?s=tag&name=win7">WIN7</a></li> <li><a href="/tag/fuzhoushishangwuju.html">福州市商务局</a></li> <li><a href="/tag/steam.html">Steam</a></li> <li><a href="/index.php?s=tag&name=shujuku">数据库</a></li> <li><a href="/index.php?s=tag&name=mysql">mysql</a></li> <li><a href="/tag/2024nianjuminyibaojiaofeibiaozhun.html">2024年居民医保缴费标准</a></li> <li><a href="/index.php?s=tag&name=win12">WIN12</a></li> <li><a href="/tag/fuzhoushidianzishangwu.html">福州市电子商务</a></li> <li><a href="/index.php?s=tag&name=win10">WIN10</a></li> </ul> </dd> </dl> <dl class="function" id="divLinkage"> <dt class="function_t">友情链接</dt> <dd class="function_c"> <ul> <li><a href="http://gas.humeup.cn?ref=www.humeup.cn" target="_blank">今日油价</a></li><li><a href="http://www.zmbug.com?ref=www.humeup.cn" target="_blank">黄金在线</a></li> </ul> </dd> </dl> </aside></main> <footer class="footer-box"> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-md-12 align-center"> <p> <span><a href="/jsjc/" title="技术教程">技术教程</a></span><span><a href="/baike/" title="知识百科">知识百科</a></span><span><a href="/gonglue/" title="游戏攻略">游戏攻略</a></span><span><a href="/yuanma/" title="源码模版">源码模版</a></span><span><a href="/news/" title="今日资讯">今日资讯</a></span><span><a href="/jianzhan/" title="建站教程">建站教程</a></span><span><a href="/wlyy/" title="网络运营">网络运营</a></span> <p>Copyright © <span>2024 &copy; 汇美优普</span><span><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备09041570号 </a></span> <span><a href="/sitemap.xml" target="_blank">XML地图</a></span> </p> </div> </div> </div> </div> </footer> <div id="topcontrol" title="返回顶部"><i class="fa fa-angle-up"></i></div> <div id="mask" style="display: none;"></div> <script src="/static/v1/pc/js/main.js"></script> <script src="/static/v1/pc/js/navigation.js"></script> <script src="/static/v1/pc/js/side.js"></script> <script src="/static/v1/pc/js/qrcode.min.js"></script> <div style='display:none'> </div> </body> </html>