HTML <aside>标签,定义侧边栏

<aside>标签

一个以展示内容为主的网页的基本结构一般会包含导航栏、主体内容(文章)、左右侧边栏、相关热点,及页脚等等版块,其中的左右侧边栏便可以用aside这个HTML的语义化标签来包含定义,规范化文档结构。

<aside></aside>

提示:aside元素为块级元素,默认情况下无特殊样式,包含起始标签和结束标签。


aside元素实例代码,及在线编辑器

实例用aside设计了一段定义侧边栏的HTML代码:

<aside>
  <ul id='aside1'>
    <li><a href='#'>Python教程</a></li>
    <li><a href='#'>HTML教程</a></li>
    <li><a href='#'>CSS教程</a></li>
    <li><a href='#'>JavaScript教程</a></li>
    <li><a href='#'>Golang教程</a></li>
  </ul>
</aside>

<style>
  #aside1{list-style:none;border:1px solid skyblue;width:35%; padding:5%;}
</style>

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.