Phần tử Nếu bạn phải hiển thị các ký tự dành riêng như Yếu tố này chỉ bao gồm các thuộc tính toàn cầu. Chứa số lượng ký tự ưa thích mà một dòng nên có. Đó là một từ đồng nghĩa không chuẩn của HTML đại diện cho văn bản được định dạng sẵn được trình bày chính xác như được viết trong tệp HTML. Văn bản thường được hiển thị bằng cách sử dụng phông chữ không cân xứng, hoặc đơn sắc. Whitespace bên trong phần tử này được hiển thị dưới dạng viết.
HTML element represents preformatted text which is to be presented exactly as written in the HTML file. The text is typically rendered using a non-proportional, or monospaced, font. Whitespace inside this element is displayed as written.
Thử nó
,
&
và "
trong thẻ , các ký tự phải được thoát ra bằng thực thể HTML tương ứng của chúng.
Thuộc tính
0Non-standardDeprecated Non-standard DeprecatedUsing CSS to change the font color is easy.
body {
color: red;
}
1. Để đạt được hiệu quả như vậy, thay vào đó hãy sử dụng CSS Using CSS to change the font color is easy.
body {
color: red;
}
1.Using CSS to change the font color is easy.
body {
color: red;
}
Using CSS to change the font color is easy.
body {
color: red;
}
1DeprecatedNon-standard
Deprecated Non-standardChứa số lượng ký tự ưa thích mà một dòng nên có. Mặc dù về mặt kỹ thuật vẫn được thực hiện, thuộc tính này không có hiệu ứng trực quan; Để đạt được hiệu quả như vậy, thay vào đó hãy sử dụng CSS
Using CSS to change the font color is easy.
body {
color: red;
}
1.Using CSS to change the font color is easy.
body {
color: red;
}
5Non-standardDeprecated Non-standard DeprecatedLà một gợi ý chỉ ra làm thế nào tràn phải xảy ra. Trong trình duyệt hiện đại, gợi ý này bị bỏ qua và không có kết quả hiệu ứng trực quan trong hiện tại; Để đạt được hiệu quả như vậy, thay vào đó, hãy sử dụng CSS
Using CSS to change the font color is easy.
body {
color: red;
}
6.Mối quan tâm tiếp cận
Điều quan trọng là cung cấp một mô tả thay thế cho bất kỳ hình ảnh hoặc sơ đồ được tạo bằng văn bản được định dạng sẵn. Mô tả thay thế nên mô tả rõ ràng và chính xác nội dung hình ảnh hoặc sơ đồ.
Những người trải qua điều kiện tầm nhìn thấp và duyệt với sự trợ giúp của công nghệ hỗ trợ như người đọc màn hình có thể không hiểu những gì các ký tự văn bản được định dạng trước khi họ được đọc theo trình tự.
Một sự kết hợp của các phần tử
Using CSS to change the font color is easy.
body {
color: red;
}
7 và Using CSS to change the font color is easy.
body {
color: red;
}
8, được bổ sung bởi các thuộc tính ARIA Using CSS to change the font color is easy.
body {
color: red;
}
9 và
let i = 5;
if [i < 10 && i > 0]
return "Single Digit Number"
0 trên phần tử
let i = 5;
if [i < 10 && i > 0]
return "Single Digit Number"
1 cho phép ASCII được định dạng sẵn được công bố dưới dạng hình ảnh với văn bản thay thế và
let i = 5;
if [i < 10 && i > 0]
return "Single Digit Number"
2 phục vụ theo chú thích của hình ảnh.Thí dụ
___________________________
< I'm an expert in my field. >
---------------------------
\ ^__^
\ [oo]\_______
[__]\ ]\/\
||----w |
|| ||
A cow saying, "I'm an expert in my field." The cow is illustrated using
preformatted text characters.
- MDN Hiểu WCAG, Hướng dẫn 1.1 Giải thích
- H86: Cung cấp các lựa chọn thay thế văn bản cho nghệ thuật ASCII, biểu tượng cảm xúc và LeetSpeak | Kỹ thuật W3C cho WCAG 2.0
Ví dụ
Ví dụ cơ bản
HTML
Using CSS to change the font color is easy.
body {
color: red;
}
Kết quả
Thoát khỏi các nhân vật dành riêng
HTML
let i = 5;
if [i < 10 && i > 0]
return "Single Digit Number"
Kết quả
Thoát khỏi các nhân vật dành riêng
Sự chỉ rõ # the-pre-element |
Tiêu chuẩn HTML # phần tử
Tính tương thích của trình duyệt web
Bảng BCD chỉ tải trong trình duyệt
Thẻ trong HTML được sử dụng để xác định khối văn bản được định dạng sẵn bảo tồn các không gian văn bản, ngắt dòng, tab và các ký tự định dạng khác bị bỏ qua bởi các trình duyệt web. Văn bản trong phần tử được hiển thị trong một phông chữ có chiều rộng cố định, nhưng nó có thể được thay đổi bằng CSS. Thẻ yêu cầu thẻ bắt đầu và kết thúc.syntax: & nbsp; & nbsp;block of preformatted text which preserves the text spaces, line breaks, tabs, and other formatting characters which are ignored by web browsers. Text in the
element is displayed in a fixed-width font, but it can be changed using CSS. Thetag requires a starting and end tag.
Syntax:
Contents...Các ví dụ dưới đây minh họa thẻ trong HTML: Ví dụ 1: & nbsp; & nbsp;
Example 1:
HTML
6let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
0Contents...4Contents...5Contents...4Contents...7Contents...0Contents...9Contents...1let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
>
6let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
9Contents...8let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
>
9Contents...4let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
8
Output:
Ví dụ 2: & nbsp; & nbsp;
HTML
6let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
9
>
8&
1
>
8&
34Contents...&
50Contents...9Contents...>
4>
Ví dụ 2: & nbsp; & nbsp;
6let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
0Contents...4Contents...5Contents...4Contents...7Contents...0Contents...9Contents...1let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
>
6let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
9Contents...8let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
>
9Contents...4let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
>
Output:
6let i = 5; if [i < 10 && i > 0] return "Single Digit Number"
9Contents...
- Các trình duyệt được hỗ trợ: & nbsp; & nbsp;
- Google Chrome
- Cạnh 12
- trình duyệt web IE
- Firefox 1
- Opera
Một văn bản được định dạng là gì?
Việc sử dụng văn bản được định dạng trước trong HTML là gì?
element is displayed in a fixed-width font, but it can be changed using CSS.