Bài viết kiểm thử (test content) này gom toàn bộ các kiểu định dạng mà biên tập viên có thể tạo ra khi dùng Classic Editor. Mục tiêu: soi khối .entry-content ở trang chi tiết tin tức xem còn thẻ nào chưa được style, có bị tràn (overflow), lệch lề, hay vỡ layout không.
1. Định dạng chữ trong dòng (inline)
Đoạn văn này chứa mọi kiểu inline gộp lại: chữ đậm (strong), chữ đậm (b), chữ nghiêng (em), chữ nghiêng (i), gạch chân (u), gạch bỏ (del), gạch ngang (s), chữ đánh dấu highlight (mark), đoạn inline code, chỉ số dưới H2O, chỉ số trên diện tích m2, một liên kết ngoài và một liên kết nội bộ. Trộn lẫn: đậm kèm nghiêng kèm gạch chân để kiểm tra lồng nhiều thẻ.
2. Thang tiêu đề H1 → H6
Trình bày lần lượt sáu cấp tiêu đề để đối chiếu kích thước / khoảng cách. H2 và H3 đã có style; các cấp còn lại cần kiểm tra xem có bị dính chữ hay quá to/nhỏ không.
Tiêu đề cấp 1 (H1) — thường không nên dùng trong nội dung bài
Tiêu đề cấp 2 (H2) — đã có style, cũng là mục để sinh Mục lục
Tiêu đề cấp 3 (H3) — đã có style
Tiêu đề cấp 4 (H4) — kiểm tra có style chưa
Tiêu đề cấp 5 (H5) — kiểm tra có style chưa
Tiêu đề cấp 6 (H6) — kiểm tra có style chưa
3. Danh sách các loại
Danh sách không thứ tự, có lồng cấp:
- Tấm ốp nhôm composite lõi PE
- Bề mặt PVDF
- Bề mặt Nano
- Chống bám bẩn
- Chống tia UV
- Tấm ốp nhôm lõi chống cháy B1 (Alcorest)
- Tấm ốp nhôm lõi chống cháy A2
Danh sách có thứ tự, có lồng cấp:
- Khảo sát công trình
- Đo đạc hiện trạng
- Tư vấn vật liệu
- Báo giá & ký hợp đồng
- Sản xuất & thi công lắp đặt
- Nghiệm thu & bảo hành
4. Trích dẫn (blockquote)
“Chất lượng là khi khách hàng quay lại — còn tấm ốp thì không.” Mỗi sản phẩm Nhôm Việt Dũng đều đạt tiêu chuẩn chống cháy trước khi rời xưởng.
— Ban Giám đốc NHÔM VIỆT DŨNG
Đoạn văn thường ngay sau trích dẫn để xem khoảng cách trên/dưới của blockquote có hợp lý không.
5. Căn lề đoạn văn
Đoạn căn trái (text-align: left). Đây là mặc định của hầu hết đoạn văn.
Đoạn căn giữa (text-align: center) — dùng cho câu nhấn mạnh.
Đoạn căn phải (text-align: right).
Đoạn căn đều hai bên (text-align: justify). Nhôm Việt Dũng là nhà sản xuất và phân phối tấm ốp nhôm hàng đầu, cung cấp giải pháp mặt dựng bền vững, an toàn cháy nổ cho các công trình dân dụng và công nghiệp trên khắp cả nước, cam kết đồng hành cùng chủ đầu tư từ khâu tư vấn đến bảo hành dài hạn.
6. Hình ảnh
Ảnh chèn toàn chiều rộng bằng thẻ figure + figcaption (kiểu chuẩn):
Đoạn văn bao quanh ảnh căn trái (alignleft). Đây là trường hợp phổ biến khi biên tập viên chèn ảnh nhỏ rồi cho chữ chạy quanh. Cần kiểm tra: ảnh có thực sự thu nhỏ và nổi sang trái không, hay bị CSS ép width: 100% khiến chiếm trọn hàng? Thêm chữ để đủ dài mà thấy hiệu ứng bao quanh: tấm ốp nhôm composite được ưa chuộng nhờ nhẹ, bền, dễ tạo hình và đa dạng màu sắc bề mặt.
Đoạn văn bao quanh ảnh căn phải (alignright). Tương tự trường hợp trên nhưng ảnh nổi sang phải. Bổ sung nội dung cho đủ dài: lớp phủ PVDF giúp bề mặt giữ màu bền lâu dưới nắng gắt, chống ăn mòn và bám bẩn, phù hợp khí hậu nhiệt đới của Việt Nam.
Chú thích kiểu shortcode
[caption] căn giữa — kiểm tra class .wp-caption và .wp-caption-text.
7. Bảng dữ liệu (table)
Bảng so sánh dòng sản phẩm — kiểm tra viền, padding, header và tràn ngang trên mobile:
| Dòng sản phẩm | Độ dày (mm) | Chống cháy | Bảo hành |
|---|---|---|---|
| Alcorest B1 | 4 | B1 (khó cháy) | 15 năm |
| Alcorest A2 | 4 | A2 (không cháy) | 20 năm |
| PVDF Standard | 3 | B2 | 10 năm |
| Nano Interior | 3 | B2 | 8 năm |
8. Mã & khối định dạng sẵn (pre / code)
Khối <pre> giữ nguyên khoảng trắng — kiểm tra font mono, nền, và tràn ngang khi dòng dài:
Thông số kỹ thuật tấm Alcorest B1: - Kích thước tấm : 1220 x 2440 mm - Lõi : Khoáng chống cháy B1 - Lớp phủ : PVDF 25 micron - Trọng lượng : ~ 5.5 kg/m2 - Dòng lệnh mẫu rất dài để test tràn ngang: composer require vietdung/alcorest-panel --with-fireproof-core --coating=pvdf --warranty=15y
9. Đường kẻ ngang & nội dung dễ tràn
Phía dưới là thẻ <hr> ngăn cách:
Liên kết rất dài không có dấu cách để kiểm tra tràn ngang / xuống dòng của thẻ a:
Từ đơn siêu dài không dấu cách (test word-break): PneumonoultramicroscopicsilicovolcanoconiosisAntidisestablishmentarianism
10. Danh sách định nghĩa (dl / dt / dd)
- PVDF
- Lớp phủ Polyvinylidene Fluoride — bền màu, chống tia UV và ăn mòn.
- B1
- Cấp vật liệu khó cháy theo tiêu chuẩn châu Âu EN 13501-1.
- Mặt dựng (façade)
- Lớp vỏ bao che bên ngoài công trình, vừa trang trí vừa bảo vệ kết cấu.
— Hết bài kiểm thử. Nếu mọi khối ở trên đều hiển thị gọn gàng, không tràn và không dính chữ thì UI đạt yêu cầu.
