<small>
小型文字元素,可以在不套用 CSS 樣式的狀態下,將 HTML 的文字套用較小尺寸的樣式效果,這篇教學會介紹小型文字元素。
原文參考:小型文字 small
<small>
HTML 的小型文字是由 <small>
構成的元素,只要是包裹在 <small>
標籤內的文字會自動套用「small」的文字大小格式,在 HTML5 新的定義中,通常使用 <small>
表示網頁中的「細則」內容。
<small>
屬於「容器元素」,需要有「起始標籤」以及「結束標籤」,也因為是容器元素,裡頭可以放入其他的子元素。<small>
的顯示類型為「inline 行內元素」,預設不會自動換行。
例如下方的 HTML 開啟後,會以 <small>
將部分的文字變成小型文字。
<p>
<small>《春曉》作者:孟浩然</small>
<br>
春眠不覺曉,處處聞啼鳥。夜來風雨聲,花落知多少。
</p>
<p>
<small>《夜思》作者:李白</small>
<br>
床前明月光,疑是地上霜。舉頭望明月,低頭思故鄉。
</p>
<small>
支援屬性<small>
支援「全域屬性」以及「可見元素的事件屬性」( 參考「HTML 元素屬性」),例如下方的 HTML會將 <small>
加上不同文字顏色。
<p>
<small style="color:#f00;">《春曉》作者:孟浩然</small>
<br>
春眠不覺曉,處處聞啼鳥。夜來風雨聲,花落知多少。
</p>
<p>
<small style="color:#aaa;">《夜思》作者:李白</small>
<br>
床前明月光,疑是地上霜。舉頭望明月,低頭思故鄉。
</p>
<small>
預設樣式下方是 <small>
的預設樣式:
small {
font-size: smaller;
}
大家好,我是 OXXO,是個即將邁入中年的斜槓青年,我有個超過一千篇教學的 STEAM 教育學習網,有興趣可以參考下方連結呦~ ^_^