HTML <aside> تگ

定义和用法

<aside> 标签定义了它所在内容之外的一些内容。

aside 的内容应该与周围的内容间接相关。

提示：<aside> 内容通常作为侧边栏放置在文档中。

注意：<aside> 元素在浏览器中不会呈现为任何特殊的样式。但是，您可以使用 CSS 来设置 <aside> 元素的样式（参见下面的示例）。

另请参阅：

HTML DOM 参考手册：Aside 对象

实例

例子 1

显示一些除了它所在的内容之外的内容：

<p>ਇਸ ਸਾਲ ਗਰਮੀ ਵਿੱਚ ਮੈਂ ਅਤੇ ਮੇਰੀ ਪਰਿਵਾਰ ਸ਼ਾਂਘਾਈ ਹਾਇਡੇਨ ਸਮੁੰਦਰੀ ਪਾਰਕ ਦੇ ਦੌਰੇ 'ਤੇ ਗਏ।ਮੌਸਮ ਬਹੁਤ ਚੰਗਾ ਸੀ, ਸਮੁੰਦਰੀ ਪਾਰਕ ਬਹੁਤ ਵਿਲਾਸ ਸੀ!ਮੈਂ ਅਤੇ ਮੇਰੀ ਪਰਿਵਾਰ ਇੱਕ ਬਹੁਤ ਚੰਗਾ ਗਰਮੀ ਵਿੱਚ ਬਿਤਾਇਆ।</p>
<aside>
<h4>上海海昌海洋公园</h4>
<p>ਸ਼ਾਂਘਾਈ ਹਾਇਡੇਨ ਸਮੁੰਦਰੀ ਪਾਰਕ ਫੁਦਾਨ ਨਵੀਂ ਜ਼ਿਲ੍ਹੇ ਵਿੱਚ ਸਥਿਤ ਇੱਕ ਥੀਮ ਪਾਰਕ ਹੈ, ਇਸ ਦੀ ਕੁੱਲ ਜ਼ਮੀਨ ਦੀ ਸਮਰੱਥਾ ਲਗਭਗ 29.7 ਹੈਕਟਾਰ ਹੈ, ਇਹ ਇੱਕ ਰਾਸ਼ਟਰੀ AAAA ਦਰਜੇ ਦਾ ਸੈਰ-ਸਪਾਟਾ ਸਥਾਨ ਵੀ ਹੈ,</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>ਇਸ ਸਾਲ ਗਰਮੀ ਵਿੱਚ ਮੈਂ ਅਤੇ ਮੇਰੀ ਪਰਿਵਾਰ ਸ਼ਾਂਘਾਈ ਹਾਇਡੇਨ ਸਮੁੰਦਰੀ ਪਾਰਕ ਦੇ ਦੌਰੇ 'ਤੇ ਗਏ।ਮੌਸਮ ਬਹੁਤ ਚੰਗਾ ਸੀ, ਸਮੁੰਦਰੀ ਪਾਰਕ ਬਹੁਤ ਵਿਲਾਸ ਸੀ!ਮੈਂ ਅਤੇ ਮੇਰੀ ਪਰਿਵਾਰ ਇੱਕ ਬਹੁਤ ਚੰਗਾ ਗਰਮੀ ਵਿੱਚ ਬਿਤਾਇਆ।</p>
<aside>
<p>ਸ਼ਾਂਘਾਈ ਹਾਇਡੇਨ ਸਮੁੰਦਰੀ ਪਾਰਕ ਫੁਦਾਨ ਨਵੀਂ ਜ਼ਿਲ੍ਹੇ ਵਿੱਚ ਸਥਿਤ ਇੱਕ ਥੀਮ ਪਾਰਕ ਹੈ, ਇਸ ਦੀ ਕੁੱਲ ਜ਼ਮੀਨ ਦੀ ਸਮਰੱਥਾ ਲਗਭਗ 29.7 ਹੈਕਟਾਰ ਹੈ, ਇਹ ਇੱਕ ਰਾਸ਼ਟਰੀ AAAA ਦਰਜੇ ਦਾ ਸੈਰ-ਸਪਾਟਾ ਸਥਾਨ ਵੀ ਹੈ,</p>
</aside>
<p>ਇਸ ਸਾਲ ਗਰਮੀ ਵਿੱਚ ਮੈਂ ਅਤੇ ਮੇਰੀ ਪਰਿਵਾਰ ਸ਼ਾਂਘਾਈ ਹਾਇਡੇਨ ਸਮੁੰਦਰੀ ਪਾਰਕ ਦੇ ਦੌਰੇ 'ਤੇ ਗਏ।ਮੌਸਮ ਬਹੁਤ ਚੰਗਾ ਸੀ, ਸਮੁੰਦਰੀ ਪਾਰਕ ਬਹੁਤ ਵਿਲਾਸ ਸੀ!ਮੈਂ ਅਤੇ ਮੇਰੀ ਪਰਿਵਾਰ ਇੱਕ ਬਹੁਤ ਚੰਗਾ ਗਰਮੀ ਵਿੱਚ ਬਿਤਾਇਆ।</p>
<p>ਇਸ ਸਾਲ ਗਰਮੀ ਵਿੱਚ ਮੈਂ ਅਤੇ ਮੇਰੀ ਪਰਿਵਾਰ ਸ਼ਾਂਘਾਈ ਹਾਇਡੇਨ ਸਮੁੰਦਰੀ ਪਾਰਕ ਦੇ ਦੌਰੇ 'ਤੇ ਗਏ।ਮੌਸਮ ਬਹੁਤ ਚੰਗਾ ਸੀ, ਸਮੁੰਦਰੀ ਪਾਰਕ ਬਹੁਤ ਵਿਲਾਸ ਸੀ!ਮੈਂ ਅਤੇ ਮੇਰੀ ਪਰਿਵਾਰ ਇੱਕ ਬਹੁਤ ਚੰਗਾ ਗਰਮੀ ਵਿੱਚ ਬਿਤਾਇਆ।</p>
</body>
</html>

ਖ਼ੁਦ ਨੂੰ ਪ੍ਰਯੋਗ ਕਰੋ

ਜਨਤਕ ਪ੍ਰਤੀਯੋਗਿਤਾ

<aside> ਟੈਗ ਨਾਲ ਹੋਰ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵੀ ਸਮਰਥਤ ਹੈ ਵਿਸ਼ਵ ਪ੍ਰਤੀਯੋਗਿਤਾ。

HTML ਵਿੱਚ ਵਿਸ਼ਵ ਪ੍ਰਤੀਯੋਗਿਤਾ

<aside> ਟੈਗ ਨਾਲ ਹੋਰ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵੀ ਸਮਰਥਤ ਹੈ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ。

ਮੂਲਤਬੀ CSS ਸੈਟਿੰਗ

ਮੋਸਟ ਬਰੇਅਰਸ ਨਾਲ ਹੇਠ ਲਿਖੇ ਮੂਲਤਬੀ ਮੁੱਲ ਵਰਤਦੇ ਹਨ <aside> ਵਿਸ਼ੇਸ਼ਤਾ:

aside {
  display: block;
}

ਬਰੇਅਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰੇਅਰਸ ਵਿੱਚ ਇਸ ਇਲੈਕਟ੍ਰੌਨਸ ਦਾ ਪਹਿਲਾ ਪੂਰਨ ਸਮਰਥਨ ਕਰਨ ਵਾਲਾ ਬਰੇਅਰ ਦੀ ਸੂਚਨਾ ਦਿੱਤੀ ਗਈ ਹੈ。

ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
6.0 9.0 4.0 5.0 11.1