HTML5标签篇 (一)

本文介绍了HTML5中的结构元素,包括标题、导航、辅助信息、文章、章节等内容区块,以及注释、标题组合、独立流内容和定义列表等。此外,还探讨了页面交互元素,如细节、进度条、度量、日期时间以及突出显示文字的标签用法。
摘要由CSDN通过智能技术生成

HTML5
一、结构元素
1.<header>表示页面中一个内容区块或整个页面的标题
标题:<h1>-<h6> 越来越小

 <header class="qui-header">
        <h1>国内旅游计划</h1>
</header>

在这里插入图片描述
2<nav>:表示页面中导航链接的部分
3.<aside>:表示article标签元素内容之外的、与article标签内容相关的辅助信息。可用作文章侧栏

   <aside class="qui-aside">
    <section class="qui-aside">
        <nav class="qui-asideNav"></nav>
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="">目的地</a></li>
            <li><a href="">酒店</a></li>
            <li><a href="">机票</a></li>
            <li><a href="">时间</a></li>
            <li><a href="">点评</a></li>
        </ul>
    </section>
</aside>

在这里插入图片描述
4.<article>:表示页面中一块与上下文不相关的独立内容,比如一篇文章
5.<section>:页面中的一个内容区块,比如章节、页眉、页脚或页面其他部分,可以和h1,h2…等元素结合起来使用,表示文档结构。

    <section class="container">
        <div class="plcRouteList">
            <a href=""><img src="img/fengjin
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值