Pre trong CSS style là gì? Vai trò của các thẻ mã gói trước trong HTML

chúng tôi sử dụngTrang web WordPressCần tìm hiểu một số kiến ​​thức cơ bản về CSS và HTML:

• Do các tệp kiểu CSS của một số chủ đề WordPress, các kiểu thẻ trước và mã không được thêm vào.
• Hầu hết các trình duyệt hiện hỗ trợdấu.

HTML  Ví dụ về nhãn

Sau đây là kiểu CSS của thẻ pre (có thể tự động bọc mã html) ▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

Sau đây là kiểu CSS của thẻ mã ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

Cách sử dụng:

• Vui lòng sao chép các thẻ CSS ở trên vào chủ đề WordPress style.css Trong tập tin.

Chức năng thẻ trước HTML và hướng dẫn sử dụng

• Nhãn xác định văn bản được định dạng trước.
• Trong các phần tử đánh dấu, văn bản được chứa thường để lại khoảng trắng và ngắt dòng.
• Văn bản cũng sẽ được hiển thị bằng phông chữ monospaced.

Đánh dấu thường标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

Nếu bạn muốn đặt định dạng văn bản được chỉ định trong HTML, bạn cần tận dụng thuộc tính của phần tử hàng đầu.

Mẹo và Hướng dẫn

dấu:Cách sử dụng phổ biến của các thẻ là đại diện cho mã nguồn của máy tính.

Sự khác biệt giữa HTML 4.01 và HTML5

Trong HTML 4.01, thuộc tính "width" không được dùng nữa và không thể sử dụng được. HTML5 không hỗ trợ thuộc tính "width".

Thuộc tính

Mô tả giá trị tài sản

• Số chiều rộng HTML5 không hỗ trợ thuộc tính này.
• Thuộc tính này không được chấp nhận trong HTML 4.01.
• Xác định số ký tự tối đa trên mỗi dòng (thường là 40,80, 132 hoặc XNUMX).

tài sản toàn cầu

• <pre>Đánh dấu hỗ trợ các thuộc tính toàn cục và xem các thuộc tính toàn cầu của trang thuộc tính đầy đủ.

Thuộc tính sự kiện

• Thẻ hỗ trợ tất cả các thuộc tính sự kiện HTML.