【HTML教程】HTML的aside标签|html入门知识
时间: 2024-12-27 10:38:21 浏览次数：9
常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：【定义和用法】aside 标签定义了它所在内容之外的一些内容。as
常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：
【定义和用法】
aside 标签定义了它所在内容之外的一些内容。
aside 的内容应该与周围的内容间接相关。
提示：aside 内容通常作为侧边栏放置在文档中。
注意：aside 元素在浏览器中不会呈现为任何特殊的样式。但是，您可以使用 CSS 来设置 aside 元素的样式(参见下面的示例)。
【实例】
例子 1
显示一些除了它所在的内容之外的内容：
<p>企业内部管理系统_CRM客户管理系统_OA办公系统_ERP管理系统_APP系统软件_商城小程序</p> <aside> <h4>龙腾飞网络科技</h4> <p>龙腾飞网络科技致力于建立企业发展无缝对接的服务体系！主要为企业进行企业管理系统，OA企业办公系统，app开发，企业ERP管理系统，CRM客户管理系统，工业互联网app，工业企业APP开发搭建,需求请拨13383607325，开发企业用得上的平台，搭建企业节省成本的系统。</p> </aside>
例子 2
使用 CSS 设置 aside 元素的样式：
<html>
<head>
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>aside 元素</h1>
<p>企业内部管理系统_CRM客户管理系统_OA办公系统_ERP管理系统_APP系统软件_商城小程序</p>
<aside>
<p>企业内部管理系统_CRM客户管理系统_OA办公系统_ERP管理系统_APP系统软件_商城小程序</p>
</aside>
<p>龙腾飞网络科技致力于建立企业发展无缝对接的服务体系！</p>
<p>主要为企业进行企业管理系统，OA企业办公系统，app开发，企业ERP管理系统，CRM客户管理系统，工业互联网app，工业企业APP开发搭建,需求请拨13383607325，开发企业用得上的平台，搭建企业节省成本的系统。</p>
</body>
</html>【默认的 CSS 设置】
大多数浏览器将使用以下默认值显示 aside 元素：
aside {
display: block;}