Định nghĩa và sử dụng
- Thẻ định một đoạn văn bản đã được định dạng sẵn.
- Có bao nhiêu khoảng trắng bên trong thành phần_______1
- Văn bản bên trong thành phần thường được định dạng sẵn font, thường là Courier.
- Thường được sử dụng trong văn bản máy tính
Sự khác nhau giữa HTML và XHTML
HTML4. 01XHTML1. 0XHTML1. 1Không có sự khác biệtVí dụ
viết Html
đây là đoạn text
sử dụng tag pre.
Show the browser
đây là đoạn text sử dụng tag pre.
Support browser
được hỗ trợ trong đa số các trình duyệt.Thuộc tính
Cách sử dụng
Thuộc tính tùy chọn
Thuộc tính Giá trịVí dụMô tảSố chiều rộng="100px"Xác định số ký tự tối đa trên dòng.Không khuyến khích sử dụng, sử dụng thuộc tính chiều rộng của css để thay thế.
Không được hỗ trợ trong DTD Strict
Thuộc tính tổng hợp (xem thêm)
Thuộc tínhGiá trịVí dụMô tả classTên class="section"Tên classdirrtlltrdir="rtl"Xác định hướng văn bản cho các nội dung trong một thành phần. idName idid="layout"Xác định tên id cho thành phần, mỗi thành phần chỉ có một id duy nhất (hoặc một id duy nhất có trong một thành phần) trong một bản HTMLlangMã language text="vi"Xác định mã ngôn ngữ . styleKiểu định dạng style="color. red"Xác định một định dạng cho một thành phần. titleTexttitle="Đây là title"Xác định thêm thông tin cho thành phần. xml. langMã languagelang="vi"Xác định mã ngôn ngữ cho nội dung trong một thành phần, trong văn bản XHTML.
Thuộc tính sự kiện
DTD Strict không được hỗ trợ
Thuộc tínhGiá trịVí dụMô tả titleCode script title="code"Script chạy khi click chuột.ondblclickCode scriptondblclick="code"Script chạy khi double click chuột.onmousedownCode scriptonmousedown="code"Script chạy khi button chuột được nhấn.onmousemoveCode scriptonmousemove="code"Script chạy khi di chuyển con trỏ chuột.onmouseoutCode scriptonmouseout="code"Script chạy khi di chuyển con trỏ chuột ra khỏi thành phần.onmouseoverCode scriptonmouseover="code"Script chạy khi di chuyển con trỏ chuột di chuyển trên thành phần.onmouseupCode scriptonmouseup="code"Script chạy khi button chuột được thả ra.onkeydownCode scriptonkeydown="code"Script chạy khi nút trên bàn phím được nhấn.onkeypressCode scriptonkeypress="code"Script chạy khi nút trên bàn phím được nhấn và thả ra.onkeyupCode scriptonkeyup="code"Script chạy khi nút trên bàn phím được thả ra.Phần tử HTML thường được định dạng sẵn font, thường là Courier.2 đại diện cho văn bản được định dạng sẵn sẽ đượ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 phông chữ không theo tỷ lệ hoặc đơn cách. Khoảng trắng bên trong phần tử này được hiển thị như đã viết
Thử nó
Nếu bạn phải hiển thị các ký tự dành riêng như thường được định dạng sẵn font, thường là Courier.3, thường được định dạng sẵn font, thường là Courier.4, thường được định dạng sẵn font, thường là Courier.5 và thường được định dạng sẵn font, thường là Courier.6 trong thẻ thường được định dạng sẵn font, thường là Courier.2, thì các ký tự đó phải được thoát bằng cách sử dụng thực thể HTML tương ứng của chúng
Thuộc tính
Phần tử này chỉ bao gồm các thuộc tính toàn cầu
thường được định dạng sẵn font, thường là Courier.8 Không chuẩn Không dùng nữaChứ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 <p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre> 0. Để đạt được hiệu ứng như vậy, thay vào đó hãy sử dụng CSS <p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre> 0
<p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre> 0 Không dùng nữa Không chuẩnChứ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 triển khai, thuộc tính này không có hiệu ứng hình ảnh;
<p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre> 4 Không chuẩn Không dùng nữaLà một gợi ý chỉ ra cách 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ó hiệu ứng hình ảnh nào xuất hiện;
Mối quan tâm về khả năng tiếp cận
Điều quan trọng là phải cung cấp mô tả thay thế cho bất kỳ hình ảnh hoặc sơ đồ nào được tạo bằng văn bản được định dạng sẵn. Mô tả thay thế phải mô tả rõ ràng và chính xác nội dung của hình ảnh hoặc sơ đồ
Những người có tình trạng thị lực kém và duyệt web với sự hỗ trợ của công nghệ hỗ trợ như trình đọc màn hình có thể không hiểu các ký tự văn bản được định dạng sẵn đại diện cho điều gì khi chúng được đọc theo trình tự
Sự kết hợp của các phần tử <p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre> 6 và <p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre> 7, được bổ sung bởi các thuộc tính ARIA <p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre> 8 và <p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre> 9 trên phần tử đều hiển thị hết ra ngoài trình duyệt.60 cho phép tác phẩm nghệ thuật ASCII định dạng sẵn được công bố dưới dạng hình ảnh có văn bản thay thế và đều hiển thị hết ra ngoài trình duyệt.61 đóng vai trò là chú thích của hình ảnh
Thí dụ
đều hiển thị hết ra ngoài trình duyệt.8
- MDN Hiểu về 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
<p>Using CSS to change the font color is easy.</p> <pre> body { color: red; } </pre>
Kết quả
Thoát các ký tự dành riêng
HTML
đều hiển thị hết ra ngoài trình duyệt.6
Kết quả
Tóm tắt kỹ thuật
Danh mục nội dung Nội dung trôi chảy, nội dung có thể sờ thấy. nội dung được phép nội dung cụm từ. Bỏ sót thẻKhông có, cả thẻ bắt đầu và thẻ kết thúc đều bắt buộc. Cha mẹ được phép 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 Giao diện AnyDOM nào đều hiển thị hết ra ngoài trình duyệt.62