選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP 如何 W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <aside> 標籤


示例

顯示一些與其所在內容無關的內容

<p>我和我的家人今年夏天參觀了艾波卡特中心。天氣很好,艾波卡特太棒了!我和我的家人度過了一個美好的夏天!</p>

<aside>
<h4>艾波卡特中心</h4>
<p>艾波卡特是華特迪士尼世界度假區的一個主題公園,擁有激動人心的景點、國際展館、屢獲殊榮的煙花和季節性特別活動。</p>
</aside>
自己動手試一試 »

更多“自己嘗試”的例子見下文。


定義和用法

<aside> 標籤定義了一些與其所在內容無關的內容。

aside 內容應與周圍內容間接相關。

提示: <aside> 內容通常作為文件的側邊欄放置。

注意: <aside> 元素在瀏覽器中不會呈現為任何特殊內容。但是,您可以使用 CSS 來設定 <aside> 元素的樣式(請參閱下面的示例)。


瀏覽器支援

表格中的數字表示完全支援該元素的首個瀏覽器版本。

元素
<aside> 6.0 9.0 4.0 5.0 11.1

全域性屬性

<aside> 標籤還支援 HTML 中的全域性屬性


事件屬性

<aside> 標籤還支援 HTML 中的事件屬性



更多示例

示例

使用 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>艾波卡特中心是華特迪士尼世界度假區的一個主題公園,擁有激動人心的景點、國際展館、屢獲殊榮的煙花和季節性特別活動。</p>
</aside>

<p>我和我的家人今年夏天參觀了艾波卡特中心。天氣很好,艾波卡特太棒了!我和我的家人度過了一個美好的夏天!</p>
<p>我和我的家人今年夏天參觀了艾波卡特中心。天氣很好,艾波卡特太棒了!我和我的家人度過了一個美好的夏天!</p>

</body>
</html>
自己動手試一試 »

相關頁面

HTML DOM 參考: Aside 物件


預設 CSS 設定

大多數瀏覽器將使用以下預設值顯示 <aside> 元素

aside {
  display: block;
}


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援