aside标签

最新推荐文章于 2023-09-13 11:48:27 发布
最新推荐文章于 2023-09-13 11:48:27 发布
阅读量3.3w 收藏
点赞数
分类专栏： 大前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m290345792/article/details/78553810
版权

今天在工作中碰到了aside标签。这个小娘子很眼生啊，以前没见过。不知道是哪家的大家闺秀。

没事上百度查了查。

<aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

这是来自W3School的解释 地址：http://www.w3school.com.cn/html5/html5_aside.asp。

上面又抛出了article出来了（尼玛，有话不能好好说么?）


其实就是很简单一标签，把当前这段串起来，然后告诉html，我自成一派，就一打杂的（侧边栏，底边栏啊），不用理我就好。



沛哥儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
「HTML和CSS入门指南」aside 标签详解
a451319296的博客
06-09 1740
aside 标签是一个重要的标签，用于表示与页面或文章内容相关，但又不属于主要内容的侧边栏、导航区域、广告、标注等内容。在使用 aside 标签时，请注意选择正确的属性和方法、语义化和独立性，并避免兼容性问题。
HTML5所有标签汇总及标签意义解释
12-14
 标记定义一篇文章 标记定义一个页面或一个区域的头部 标记定义导航链接 标记定义一个区域<aside> 标记定义页面内容部分的侧边栏 标记定义文件中一个区块的相关信息 标记定义一组媒体内容以及它们的标题 ...
HTML5标签小集
12-13
HTML标签； <meta>属性Content,name,scheme <!DOCTYPE> <a>属性coords,shape, <abbr>属性 <address>属性 <area>属性 <article>属性 <aside>属性 <audio>属性 <b>属性 <base>属性 <bdo>属性 <blockquoe>属性 <body>属性 <br>属性 <button>属性 <canvas>属性 <caption>属性 <cite>属性 <code>属性 <col>属性 <colgroup> <command> <datalist> <d
Html5 aside标签的用法和作用
qinge_Crazy的博客
07-29 8367
　　aside元素用来定义当前页面或者文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条等其他类似的有别于主要内容的部分。 　　aside元素的用法主要分为两种。 　　● 被包含在article元素内作为主要内容的附属信息。 　　● 在article元素之外使用，作为页面或站点全局的附属信息部分。最常用的使用形式是侧边栏，其中的内容可以是友情链接、广告单元等。 　　下面通过一个案例对aside元素的用法进行演示，如下所示。 <!DOCTYPE html>
前端第二章：6.浏览器的自动修复机制；网页布局 （header标签、main标签、footer标签；nav标签；aside标签）
要思考，要努力
04-25 1439
一、浏览器的自动修复机制 1.出现如下的问题，浏览器会自动帮助我们修改代码 1.1 标签写在根元素的外部 -> 被修复 1.2 p元素中嵌套了块状元素 1.3 根元素中出现了除head和body以外的子元素 二、块元素和行内元素注意点： 1.我们在 块元素 中放 行内元素，反之不行 2.p元素中不能嵌套 块状元素 三、块元素之 header、main、footer（用于布局） 1.网页的头部：header标签 1.1 header标签 在实际网页中的样子： 2.网页的主体：main标签（每个网页中
三个问答告诉你aside标签的作用
拯救世界的光太郎
04-06 3899
对比有aside标签之前，我们常用<div class="aside">来表示这个div是一个侧边栏等等，aside标签作用大致相似。下面就用三句话，让你彻底明白aside到底有什么过标签之处： aside标签的作用：在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以是友情链接，博客中的其它文章列表、广告单元等。其次，所有的语义化标签的两个通用效果，就是有助于理解的同时，还有利于SEO。 有什么特使效果？ 与div相比，除了标签名字不一样，其...
web前端中，aside标签又什么作用?
zy1992As的博客
09-13 513
在Web前端开发中，aside标签用于定义与页面内容相关但可以被视为独立于主要内容的部分。它通常用于侧边栏、广告、导航链接、附加信息或其他类似的内容。aside签的作用是为页面提供附加的信息或功能，以帮助用户更好地理解或导航网页内容。需要注意的是，aside的具体样式和布局可以通过CSS进行自定义，以满足特定网站的设计需求。最常见的用途是创建网页的侧边栏，通常包含导航链接、相关文章、标签云或其他次要内容。在某些情况下，aside可以用于创建网页的辅助导航，以帮助用户浏览站点的不同部分。
html5新标签 aside,Html5新标签之aside标签详解
weixin_39761255的博客
06-16 1631
这节，我为大家介绍下：html5新标签之标签如何定义及如何使用aside呢？aside这个标签用来定义网页布局的侧栏容器，就相当于：div定义样式然后担当侧栏容器。直接让大家看个例子：body{ font-size:12px; padding:10px 0; background:#00CCCC}*{ margin:0; padding:0;}.main{ width:960px; height:...
HTML5的<aside>标签怎么用？
weixin_45587319的博客
04-15 4676
<aside>标签是HTML5中的新标签，用于以较短的方式描述网页的主要对象；它基本上标识了与网页主要内容相关的内容，但不构成主页的主要意图。该<aside>标签主要包含作者信息、链接、相关内容等。 <aside>和<div>这两个标签具有相同的行为和不同的含义。 ●　<div>：它在网页中定义或创建分区或部分。 ●　&l...
hander标签，footer标签，aside标签
qq_62779007的博客
03-06 2265
1.hander标签 <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body><!--1.header标签定义文档的页眉，通常是一些引导和导航信息2.header标签不局限干写在网页头部，也可以写在网页内容里面。3.通常<header>标签至少包含(但不局限于)一个标题标记(<
HTML5 对各个标签的定义与规定：aside
11-21
对aside标签的定义与规定 <aside> 用来装载非正文类的内容。（DOM接口、可设置属性）。 例如广告，成组的链接，侧边栏等等。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML5论坛 www.htmlv.cn aside标签示例</title> </head>
HTML5文档结构标签
12-13
1.文档结构标签 1.1为什么引入文档结构标签？ 让标签更具语义化，结构更加清晰。搜索引擎具有更好的支持 1.2文档结构标签 header：头部。网页结构的头部，文章的头部...aside：侧边栏。通常渲染成侧边栏的样式。 foot
Tabs Aside-crx插件
03-28
语言:English 记住标签供以后使用，...“ Tabs Aside”经常更新为新功能，包括：•漂亮，直观的用户界面•支持在安装了“ Tabs Aside”的情况下跨所有登录的Chrome浏览器进行同步•通过减少打开的标签来节省计算机资源
spring java图片上传源码.rar
最新发布
04-26
源码实现了图片上传功能，可供相关功能开发的小伙伴参考学习使用。
新入职员工工作总结范文大全(篇).docx
04-26
工作总结，新年计划，岗位总结，工作汇报，个人总结，述职报告，范文下载，新年总结，新建计划。
本项目内容为《SpringBoot 2.X 基础教程》配套源码.zip
04-26
提供的源码资源涵盖了安卓应用、小程序、Python应用和Java应用等多个领域，每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写，确保了在对应环境下能够无缝运行。同时，源码中配备了详细的注释和文档，帮助用户快速理解代码结构和实现逻辑。 适用人群： 这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生，还是对其他领域编程感兴趣的学生，这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码，你可以掌握各平台开发的基础知识，提升编程能力和项目实战经验。 使用场景及目标： 在学习阶段，你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码，你将深入了解各平台开发的技术细节和最佳实践，逐步培养起自己的项目开发和问题解决能力。此外，在求职或创业过程中，具备跨平台开发能力的大学生将更具竞争力。 其他说明： 为了确保源码资源的可运行性和易用性，特别注意了以下几点：首先，每份源码都提供了详细的运行环境和依赖说明，确保用户能够轻松搭建起开发环境；其次，源码中的注释和文档都非常完善，方便用户快速上手和理解代码；最后，我会定期更新这些源码资源，以适应各平台技术的最新发展和市场需求。
IMG_20240426_195457.jpg
04-26
IMG_20240426_195457.jpg
培训看版.xlsx
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
A Confidence-Guided Automated System for Non-emergency Calls.pdf
04-26
A Confidence-Guided Automated System for Non-emergency Calls.pdf
vue aside标签
05-05
`<aside>` 是 HTML5 中的一个语义化标签，用于表示页面中的侧边栏或者附属信息。在 Vue 中，可以使用 `<aside>` 标签来定义侧边栏组件，并且通过使用 Vue 的组件系统来动态地渲染侧边栏内容。 以下是一个使用 `<aside>` 标签定义 Vue 组件的示例： ```html <template> <aside> <h2>{{ title }}</h2> <ul> <li v-for="item in items" :key="item.id">{{ item.text }}</li> </ul> </aside> </template> <script> export default { name: 'MyAside', props: { title: String, items: Array } } </script> ``` 在上面的示例中，我们定义了一个名为 `MyAside` 的 Vue 组件，该组件接受 `title` 和 `items` 两个属性作为数据源，然后使用 `<aside>` 标签来渲染侧边栏的结构和内容。在组件内部，我们可以通过使用 Vue 的动态指令 `v-for` 来渲染列表内容，并且通过使用 `:key` 绑定一个唯一的 `id` 值来提高列表渲染的性能。 最后，我们可以在其他的 Vue 组件中使用 `<my-aside>` 标签来引用这个组件，并且传递相应的属性值，例如： ```html <template> <div> <my-aside :title="'最新文章'" :items="recentArticles"></my-aside> <my-aside :title="'热门标签'" :items="popularTags"></my-aside> </div> </template> <script> import MyAside from './MyAside.vue' export default { name: 'MyPage', components: { MyAside }, data () { return { recentArticles: [...], popularTags: [...] } } } </script> ``` 在上面的示例中，我们在 `MyPage` 组件中使用了两个 `<my-aside>` 标签来引用 `MyAside` 组件，并且传递了相应的 `title` 和 `items` 属性值。这样就可以在页面中动态地渲染出两个侧边栏，分别显示最新文章和热门标签的内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值