<title> - phần tử đặt tên có thể truy cập của SVG

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ử SVG <title> cung cấp một mô tả ngắn gọn, có thể truy cập cho bất kỳ phần tử vùng chứa SVG nào hoặc phần tử đồ họa.

Văn bản trong phần tử <title> không được hiển thị như một phần của đồ họa, nhưng trình duyệt thường hiển thị nó dưới dạng chú giải công cụ. Nếu một phần tử có thể được mô tả bằng văn bản hiển thị, nên tham chiếu văn bản đó bằng thuộc tính aria-labelledby thay vì dùng phần tử <title>.

Note: Để tương thích ngược với SVG 1.1, phần tử <title> nên là phần tử con đầu tiên của phần tử cha.

Ngữ cảnh sử dụng

Categories	Descriptive element
Permitted content	Any elements or character data

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
  <circle cx="5" cy="5" r="4">
    <title>Tôi là một hình tròn</title>
  </circle>

  <rect x="11" y="1" width="8" height="8">
    <title>Tôi là một hình vuông</title>
  </rect>
</svg>