HTML5

本文详细介绍了HTML5中新增的结构标签、其他元素,以及被废除和重新定义的元素,帮助理解HTML5的更新与变化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML5新增结构标签

  结构标签:(块状元素) 有语意的div
         <article>   标记定义一篇文章
        <header>   标记定义一个页面或一个区域的头部
        <nav>   标记定义导航链接
        <section>   标记定义一个区域
        <aside>   标记定义页面内容部分的侧边栏
       <hgroup>   标记定义文件中一个区块的相关信息
       <figure>   标记定义一组媒体内容以及它们的标题
       <figcaption> 标签定义 figure 元素的标题。
       <footer>   标记定义一个页面或一个区域的底部
      <dialog>   标记定义一个对话框(会话框)类似微信


HTML5新增其他元素

  多媒体标签
        <video> 页面中插入视频内容
       <audio> 页面中插入音频内容
      <source> 可定义多个媒体资源
  绘图标签
        <canvas> 绘制图片
        <svg> 矢量图
  WEB运用标签
       <meter>状态标签,温度等
      <progress>进度条
      datalist  为input定义下拉列表
      details 定义元素的详细内容
      menu
  注释标签
        <ruby> 标记定义 注释或音标
        <rp> 告诉那些不支持 Ruby元素的浏览器如何去显示
       <rt> 标记定义对ruby的注释内容文本
  其他标签
        <keygen> 标记定义表单里公钥
       <mark> 标记定义有标记的文本 (默认为黄色背景)
       <output> 标记定义一些输出类型,计算表单结果配合oninput事件
       <time> 标记定义一个日期/时间

HTML5废除元素

  纯表现
         basefont,big,center,font, s,strike,tt,u;
会产生负面影响
       frame,frameset,noframes;
产生混淆
       acronym ,applet,isindex,dir。


HTML5重新定义的元素

  dd:可以同details与figure一同使用,定义包含文本,dialog也可用
  dt:可以同details与figure一同使用,汇总细节,dialog也可用
  hr:表示主题结束,而不是水平线,虽然显示相同
  menu:重新定义用户界面的菜单,配合commond或者menuitem使用
  small:表示小字体,例如打印注释或者法律条款
  strong:表示重要性而不是强调符号






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值