Tài liệu HTML (.html)
WHATWG Tiêu chuẩnHTML là ngôn ngữ đánh dấu dùng để cấu trúc trang web với tiêu đề, liên kết, biểu mẫu, hình ảnh và nội dung khác. Trình duyệt hiển thị cấu trúc đó, còn CSS và tập lệnh điều khiển giao diện và cách hoạt động.
Chuyển đổi JSON sang HTML
Trình chuyển đổi từ JSON sang HTML miễn phí trên trình duyệt. Chuyển đổi tệp ngay lập tức trên thiết bị của bạn.
Kiểm tra & Siêu dữ liệu
Các hệ điều hành và trình phân tích tệp nhận dạng tệp HTML bằng cách kiểm tra chuỗi byte nhị phân đầu tệp:
Chữ ký ở đầu tệp (mẫu byte nhận diện)
Các hệ điều hành và trình phân tích tệp nhận dạng tệp HTML bằng cách kiểm tra chuỗi byte nhị phân đầu tệp:
CHỮ KÝ HEX (OFFSET 0):
3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6CBIỂU DIỄN ASCII: <!DOCTYPE html
Tiêu chuẩn hóa: WHATWG HTML Living Standard / W3C Recommendation
Thông số kỹ thuật
| Kiến trúc Container | Luồng văn bản Unicode có cấu trúc thành cây phần tử Mô hình Đối tượng Tài liệu (DOM) phân cấp |
| Nén | Luồng văn bản không nén (thường được nén qua HTTP bằng Brotli hoặc Gzip) |
| Thứ tự byte | Luồng văn bản Unicode / UTF-8 (BOM tùy chọn) |
| Không gian màu | sRGB, Display P3, Rec.2020 qua CSS Color 4 |
| Kênh & Cấu trúc | Đánh dấu siêu văn bản, định kiểu CSS, tương tác JavaScript, SVG, Canvas, âm thanh và video nhúng |
| Kích thước tối đa | Kích thước canvas tài liệu không giới hạn (cuộn vô tận) |
| Độ trong suốt | Hỗ trợ đầy đủ độ mờ CSS, kênh màu alpha (rgba/color()) và chế độ hòa trộn |
| Truyền phát & Tăng dần | Phân tích luồng tăng dần: trình duyệt hiển thị phần tử trước khi tải xong toàn bộ tệp |
Ma trận so sánh kỹ thuật: HTML so với các đối thủ
| Thuộc tính kỹ thuật | HTML (Hiện tại) | MD | XML | |
|---|---|---|---|---|
| Tương tác & Lô-gic | JavaScript đầy đủ & tập lệnh DOM | Chỉ văn bản khai báo tĩnh | Lưu trữ dữ liệu (không có lô-gic tích hợp) | Tập lệnh biểu mẫu hạn chế (AcroJS) |
| Tính linh hoạt về kiểu dáng | Kiểm soát trực quan CSS3/CSS4 vô hạn | Kiểu mặc định phụ thuộc vào chủ đề | Yêu cầu biểu định kiểu tạo kiểu XSLT | Bố cục cố định điểm ảnh nghiêm ngặt |
| Hiển thị trang HTML | Được hỗ trợ sẵn trên mọi trình duyệt (100%) | Yêu cầu công cụ kết xuất Markdown | Yêu cầu trình xem hoặc tạo kiểu XML | Yêu cầu plugin PDF được nhúng |
| Liên kết siêu văn bản | Liên kết siêu văn bản tích hợp sẵn trên web (href) | Cú pháp Markdown [text](url) | Cú pháp XML XLink | Chú thích liên kết PDF được nhúng |
Các dạng hỏng thường gặp và hướng dẫn khôi phục bằng mã hex
Trang hiển thị các thẻ HTML thô dưới dạng văn bản hoặc ký tự nước ngoài bị xáo trộn (ví dụ: 'é').
Nguyên nhân gốc rễ: Thiếu khai báo bảng mã UTF-8 ('<meta charset="utf-8">') hoặc tiêu đề mã hóa không khớp.
Khắc phục: Thêm '<meta charset="utf-8">' hoặc mã hóa lại thành UTF-8 bằng Trình chuyển đổi văn bản File2File.app.
Phân tích bảo mật và các đường tấn công nhằm vào bộ phân tích cú pháp
Các công cụ kết xuất HTML thực thi các tập lệnh và phân tích cú pháp đánh dấu phức tạp, nơi các đầu vào chưa được làm sạch gây ra Kịch bản Chéo trang (XSS).
Các véc-tơ tấn công đã biết
- Tấn công XSS kiểu lưu trữ hoặc phản chiếu nhằm đánh cắp cookie phiên và mã thông báo xác thực của người dùng.
- Tiêm mã HTML đánh lừa người dùng thông qua giao diện đăng nhập giả mạo.
- Lỗ hổng bảo mật dựa trên DOM thao túng document.location hoặc eval().
Biện pháp phòng thủ tốt nhất: Luôn làm sạch dữ liệu đầu vào không đáng tin cậy của người dùng bằng các thư viện mạnh mẽ như DOMPurify trước khi chèn vào DOM.
Nguồn gốc lịch sử và các cột mốc
Ưu điểm & Lợi ích chính
- Trình duyệt phân tích HTML trực tiếp nên có thể mở trang mà không cần trình đọc tài liệu riêng. Trình soạn thảo và hệ thống xuất bản cũng dùng HTML để cấu trúc nội dung web.
- Tích hợp liền mạch với CSS để thiết kế trực quan và JavaScript cho tính tương tác động.
- Công cụ bố cục theo luồng: trình duyệt có thể phân tích cú pháp, bố trí và kết xuất HTML gia tăng khi các byte đến qua mạng.
Hạn chế & Nhược điểm kỹ thuật
- Các tệp .html độc lập không đóng gói hình ảnh, phông chữ hoặc biểu định kiểu bên ngoài được liên kết nếu không được đóng gói cùng nhau (ví dụ: MHTML/Base64).
- Kết xuất có thể khác đôi chút giữa các bộ máy trình duyệt (Blink, WebKit, Gecko).
- Bề mặt bảo mật cao: dữ liệu đầu vào của người dùng chưa được thoát có thể gây ra lỗ hổng Kịch bản Chéo trang (XSS).
Thông tin kỹ thuật thú vị
- Tim Berners-Lee đã phát minh ra HTML tại CERN vào năm 1989 để giúp các nhà vật lý hạt nhân dễ dàng chia sẻ các bài báo nghiên cứu giữa các máy tính với nhau.
- HTML Living Standard không có số phiên bản, tức là không có HTML6; tiêu chuẩn này được duy trì và cập nhật liên tục.
- Bạn có thể nhấp chuột phải vào bất kỳ trang web nào trên hành tinh và chọn 'Xem nguồn trang' (View Page Source) để xem mã HTML cơ bản của trang đó.
Các câu hỏi kỹ thuật thường gặp
HTML được sử dụng để làm gì?
HTML được sử dụng để cấu trúc nội dung trên internet, giúp tạo ra các trang web chứa văn bản, tiêu đề, hình ảnh, đường dẫn liên kết, biểu mẫu và nội dung đa phương tiện nhúng.
Tôi có thể chuyển đổi HTML sang PDF hoặc Markdown không?
Có. File2File.app có thể hiển thị và chuyển đổi bất kỳ tệp HTML nào thành tài liệu PDF gọn gàng, có thể in được hoặc tệp văn bản Markdown nhẹ ngay trên trình duyệt của bạn.
Sự khác biệt giữa HTML và HTML5 là gì?
HTML5 là sự tiến hóa hiện đại của HTML, bổ sung khả năng hỗ trợ nguyên bản cho phát lại video và âm thanh, đồ họa canvas tương tác, khả năng tương thích với thiết bị di động và các phần tử ngữ nghĩa rõ ràng như <header>, <article> và <footer>.
Các cặp chuyển đổi HTML liên quan
Việc chuyển đổi dữ liệu JSON thành mã nguồn HTML giúp biến các cặp khóa-giá trị có cấu trúc thô thành tài liệu web dễ đọc, sẵn sàng cho trình duyệt kết xuất.
Việc chuyển đổi mã nguồn HTML thành dữ liệu JSON giúp biến các tài liệu web dễ đọc thành các cặp khóa-giá trị có cấu trúc để xử lý bằng chương trình và đưa vào API.
Chuyển tệp email chuẩn RFC 822 sang HTML, biến nội dung thư dạng văn bản thuần thành tài liệu web có thể xem rộng rãi.