• 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中已经被删除:

    • </li><li><strike></li><li><tt></li></ul> </div> </div> </li> <li class="list-group-item ul-li"> <b>相关阅读:</b><br> <nobr> <a href="/Article/Index/1422386">什么是响应式设计?响应式设计的基本原理是什么?如何实现</a> <br /> <a href="/Article/Index/1323799">侯捷 C&#x2B;&#x2B; STL标准库和泛型编程 —— 3 容器(序列式容器)</a> <br /> <a href="/Article/Index/970638">1 Getting Started with Database Administration</a> <br /> <a href="/Article/Index/927884">notepad&#x2B;&#x2B;设置中文界面</a> <br /> <a href="/Article/Index/970547">使用并查集处理树的路径</a> <br /> <a href="/Article/Index/1402509">Java 8的菱形继承冲突解决之道</a> <br /> <a href="/Article/Index/722845">openvpn部署</a> <br /> <a href="/Article/Index/1319208">【Vue.js】使用Element搭建首页导航&amp;左侧菜单</a> <br /> <a href="/Article/Index/1159697">Java并发-线程上下文切换与死锁</a> <br /> <a href="/Article/Index/1025174">django基于python的水果销售系统--python-计算机毕业设计</a> <br /> </nobr> </li> <li class="list-group-item from-a mb-2"> 原文地址:https://blog.csdn.net/T0620514/article/details/127822387 </li> </ul> </div> <div class="col-lg-4 col-sm-12"> <ul class="list-group" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 最新文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/1484446">攻防演习之三天拿下官网站群</a> <br /> <a href="/Article/Index/1515268">数据安全治理学习——前期安全规划和安全管理体系建设</a> <br /> <a href="/Article/Index/1759065">企业安全 | 企业内一次钓鱼演练准备过程</a> <br /> <a href="/Article/Index/1485036">内网渗透测试 | Kerberos协议及其部分攻击手法</a> <br /> <a href="/Article/Index/1877332">0day的产生 | 不懂代码的&quot;代码审计&quot;</a> <br /> <a href="/Article/Index/1887576">安装scrcpy-client模块av模块异常,环境问题解决方案</a> <br /> <a href="/Article/Index/1887578">leetcode hot100【LeetCode 279. 完全平方数】java实现</a> <br /> <a href="/Article/Index/1887512">OpenWrt下安装Mosquitto</a> <br /> <a href="/Article/Index/1887520">AnatoMask论文汇总</a> <br /> <a href="/Article/Index/1887496">【AI日记】24.11.01 LangChain、openai api和github copilot</a> <br /> </nobr> </li> </ul> <ul class="list-group pt-2" style="word-break:break-all;"> <li class="list-group-item ul-li-bg" aria-current="true"> 热门文章 </li> <li class="list-group-item ul-li"> <nobr> <a href="/Article/Index/888177">十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!</a> <br /> <a href="/Article/Index/797680">奉劝各位学弟学妹们,该打造你的技术影响力了!</a> <br /> <a href="/Article/Index/888183">五年了,我在 CSDN 的两个一百万。</a> <br /> <a href="/Article/Index/888179">Java俄罗斯方块,老程序员花了一个周末,连接中学年代!</a> <br /> <a href="/Article/Index/797730">面试官都震惊,你这网络基础可以啊!</a> <br /> <a href="/Article/Index/797725">你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法</a> <br /> <a href="/Article/Index/797702">心情不好的时候,用 Python 画棵樱花树送给自己吧</a> <br /> <a href="/Article/Index/797709">通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!</a> <br /> <a href="/Article/Index/797716">13 万字 C 语言从入门到精通保姆级教程2021 年版</a> <br /> <a href="/Article/Index/888192">10行代码集2000张美女图,Python爬虫120例,再上征途</a> <br /> </nobr> </li> </ul> </div> </div> </div> <!-- 主体 --> <!--body结束--> <!--这里是footer模板--> <!--footer--> <nav class="navbar navbar-inverse navbar-fixed-bottom"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="text-muted center foot-height"> Copyright&nbsp;©&nbsp;2022&nbsp;侵权请联系<a href="mailto:2656653265@qq.com">2656653265@qq.com</a> &nbsp;&nbsp; <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备2022015340号-1</a> </div> <div style="width:300px;margin:0 auto; padding:0px 5px;"> <a href="/regex.html">正则表达式工具</a> <a href="/cron.html">cron表达式工具</a> <a href="/pwdcreator.html">密码生成工具</a> </div> <div style="width:300px;margin:0 auto; padding:5px 0;"> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502049817" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> <img src="" style="float:left;" /><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">京公网安备 11010502049817号</p></a> </div> </div> </div> </div> </nav> <!--footer--> <!--footer模板结束--> <script src="/js/plugins/jquery/jquery.js"></script> <script src="/js/bootstrap.min.js"></script> <!--这里是scripts模板--> <!--scripts模板结束--> </body> </html>