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;
}