<span>: The Content Span element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Phần tử <span> trong HTML là một vùng chứa nội tuyến chung cho nội dung cụm từ, không tự nó đại diện cho bất kỳ điều gì. Nó có thể được dùng để nhóm các phần tử lại để tạo kiểu dáng (sử dụng các thuộc tính class hoặc id), hoặc vì chúng chia sẻ giá trị thuộc tính, chẳng hạn như lang. Nó chỉ nên được dùng khi không có phần tử ngữ nghĩa nào khác phù hợp. <span> rất giống với phần tử <div>, nhưng <div> là phần tử cấp khối trong khi <span> là phần tử cấp nội tuyến.

Try it

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

HTML

html

<p><span>Some text</span></p>

Kết quả

Ví dụ 2

HTML

html

<li>
  <span>
    <a href="portfolio.html" target="_blank">See my portfolio</a>
  </span>
</li>

CSS

css

li span {
  background: gold;
}

Kết quả

Tóm tắt kỹ thuật

Danh mục nội dung	Nội dung luồng, nội dung cụm từ.
Nội dung được phép	Nội dung cụm từ.
Bỏ thẻ	Không được phép, cả thẻ mở và thẻ đóng đều bắt buộc.
Phần tử cha được phép	Bất kỳ phần tử nào chấp nhận nội dung cụm từ, hoặc bất kỳ phần tử nào chấp nhận nội dung luồng.
Vai trò ARIA ngầm định	Không có vai trò tương ứng
Vai trò ARIA được phép	Bất kỳ
Giao diện DOM	`HTMLSpanElement`