A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://developer.mozilla.org/zh-TW/docs/Web/HTML/Reference/Elements/span below:

<span>ï¼šå…§å®¹å€å¡Šå…ƒç´ - HTML:超文本標記語言 | MDN

<span>:內容區塊元素

Baseline Widely available

<span> HTML 元素是一個通用的行級容器,用於包裹詞組內容,本身並不代表任何特定含義。它可用於為樣式目的(使用 class 或 id 屬性)對元素進行分組,或因它們共享屬性值(如 lang)而使用。僅在沒有其他語義元素適用時應使用 <span>。<span> 非常類似於 <div> 元素,但 <div> 是一個塊級元素,而 <span> 是一個行級元素。

嘗試一下
<p>
  Add the <span class="ingredient">basil</span>,
  <span class="ingredient">pine nuts</span> and
  <span class="ingredient">garlic</span> to a blender and blend into a paste.
</p>

<p>
  Gradually add the <span class="ingredient">olive oil</span> while running the
  blender slowly.
</p>
span.ingredient {
  color: #f00;
}
屬性

此元素僅包括全域屬性。

範例 範例 1 HTML
<p><span>Some text</span></p>
結果 範例 2 HTML
<li>
  <span>
    <a href="portfolio.html" target="_blank">See my portfolio</a>
  </span>
</li>
CSS
li span {
  background: gold;
}
結果 技術摘要 規範 瀏覽器相容性 參見

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4