<tt>: Phần tử văn bản Teletype
Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
Phần tử <tt> trong HTML tạo văn bản nội tuyến được trình bày bằng phông chữ monospace mặc định của tác nhân người dùng. Phần tử này được tạo ra để hiển thị văn bản như thể nó được hiển thị trên màn hình độ rộng cố định như máy đánh chữ, màn hình chỉ văn bản hoặc máy in dòng.
Các thuật ngữ non-proportional (không tỷ lệ), monotype và monospace được dùng thay thế cho nhau và có cùng ý nghĩa chung: chúng mô tả kiểu chữ mà tất cả các ký tự đều có cùng số pixel chiều rộng.
Phần tử này đã lỗi thời. Bạn nên dùng các phần tử có ngữ nghĩa hữu ích hơn như <code>, <kbd>, <samp>, hoặc <var> cho văn bản nội tuyến cần được trình bày bằng kiểu monospace, hoặc thẻ <pre> cho nội dung cần được trình bày dưới dạng khối riêng biệt.
Note:
Nếu không có phần tử ngữ nghĩa nào phù hợp với trường hợp sử dụng của bạn (ví dụ: nếu bạn cần hiển thị một số nội dung bằng phông chữ không tỷ lệ), hãy cân nhắc dùng phần tử <span>, tạo kiểu theo ý muốn bằng CSS. Thuộc tính font-family là nơi tốt để bắt đầu.
Thuộc tính
Phần tử này chỉ bao gồm các thuộc tính toàn cục
Ví dụ
Ví dụ cơ bản
Ví dụ này dùng <tt> để hiển thị văn bản nhập vào và đầu ra của ứng dụng terminal.
<p>
Enter the following at the telnet command prompt:
<code>set localecho</code><br />
The telnet client should display: <tt>Local Echo is on</tt>
</p>
Kết quả
Ghi đè phông chữ mặc định
Bạn có thể ghi đè phông chữ mặc định của trình duyệt — nếu trình duyệt cho phép bạn làm vậy, điều này không bắt buộc — bằng CSS:
CSS
tt {
font-family: "Lucida Console", "Menlo", "Monaco", "Courier New", monospace;
}
HTML
<p>
Enter the following at the telnet command prompt:
<code>set localecho</code><br />
The telnet client should display: <tt>Local Echo is on</tt>
</p>
Kết quả
Ghi chú sử dụng
Phần tử <tt> theo mặc định được hiển thị bằng phông chữ không tỷ lệ mặc định của trình duyệt. Bạn có thể ghi đè điều này bằng CSS bằng cách tạo quy tắc sử dụng bộ chọn tt, như trong ví dụ Ghi đè phông chữ mặc định ở trên.
Note: Các thay đổi được người dùng cấu hình đối với cài đặt phông chữ monospace mặc định có thể được ưu tiên hơn CSS của bạn.
Mặc dù phần tử này không bị deprecated chính thức trong HTML 4.01, nhưng việc sử dụng nó đã không được khuyến khích để ủng hộ các phần tử ngữ nghĩa và/hoặc CSS. Phần tử <tt> đã lỗi thời trong HTML 5.
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 rõ ràng. |
|---|---|
| Nội dung được phép | Nội dung cụm từ. |
| Bỏ qua thẻ | Không, cả thẻ bắt đầu và thẻ kết thúc đề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ừ. |
| Vai trò ARIA được phép | Bất kỳ |
| Giao diện DOM | HTMLElement |
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| HTML # tt |