html5新增标签

本文详细介绍了HTML5中新增的标签,包括语化结构标签如<header>、<nav>等,多媒体标签如<audio>、<video>,以及新的<input>类型,帮助前端开发者更好地利用HTML5进行网页设计和交互体验提升。
摘要由CSDN通过智能技术生成

(一)常用标签

1、语化结构标签
  • header
  • nav
  • aside
  • main
  • footer
<!-- 头部 -->
        <header></header>

        <!-- 导航栏 -->
        <nav>
            <a href=""></a>
            <a href=""></a>
            <a href=""></a>
        </nav>

        <!-- 侧边栏 -->
        <aside></aside>

        <!-- 主体部分 -->
        <main></main>

        <!-- 底部 -->
        <footer></footer>
2、多增(其他标签)
  • 允许您设置一段文本,使其脱离其父元素的文本方向设置
  • 定义命令按钮,比如单选按钮、复选框或按钮
  • 用于描述文档或文档某个部分的细节
  • 定义对话框,比如提示框
  • 标签包含details元素的标题
  • 规定独立的主流内容(图像、图表、照片、代码等等)
  • 定义
    元素的标题
  • 定义带有记号的文本
  • 定义度衡量。仅用于已知最大和最小的度量
  • 定义任何类型的任务的进度
  • 定义ruby注释(中文注音或字符
  • 定义字符(中文注音或字符)的解释或发者
  • 在ruby注释中使用,定义不支持ruby元素的浏览器所显示的内容
  • 定义文档中的节(section、区段)
  • 规定在文本中的何处适合添加换行符
<details>
            <summary>城市</summary>
            <p>洛阳</p>
            <p>江南
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值