Công cụ kiểm tra HTML: soát lỗi HTML phổ biến
Công cụ kiểm tra HTML phân tích HTML của bạn và kiểm tra các vấn đề phổ biến về khả năng truy cập và chất lượng, bao gồm ID trùng lặp, ảnh thiếu thuộc tính alt, thẻ neo thiếu thuộc tính href và trình xử lý sự kiện inline. Dán mã đánh dấu và chạy kiểm tra để xem kết quả. Nếu bộ phân tích báo vị trí lỗi, bạn có thể dùng nó để xác định vấn đề trong đầu vào.
Công cụ kiểm tra HTML là công cụ chạy trong trình duyệt, dùng để kiểm tra mã đánh dấu HTML về các vấn đề chất lượng và khả năng truy cập phổ biến. Công cụ phân tích HTML của bạn và tìm ID trùng lặp, ảnh thiếu thuộc tính alt, thẻ neo thiếu thuộc tính href và trình xử lý sự kiện inline. Hãy dùng nó để xem lại một đoạn mã hoặc mã đánh dấu bạn đang chuẩn bị đưa vào công cụ khác.
Để bắt đầu, hãy dán hoặc thả HTML vào ô nhập và chạy kiểm tra. Công cụ báo cáo các vấn đề được hỗ trợ mà nó tìm thấy, và có thể hiển thị vị trí lỗi nếu có. Vị trí đó cho bạn chỗ để xem xét đầu vào; các kiểm tra cũng giúp làm nổi bật các vấn đề mã đánh dấu cụ thể như ID lặp lại hoặc thuộc tính còn thiếu.
HTML dùng các phần tử và thuộc tính để mô tả nội dung và cấu trúc trang. Kiểm tra mã đánh dấu giúp bạn phát hiện vấn đề trước khi dùng ở nơi khác, đặc biệt khi xem lại HTML do công cụ tạo ra hoặc kiểm tra các thuộc tính liên quan đến khả năng truy cập. Công cụ này tập trung vào các kiểm tra kể trên, vì vậy kết quả hữu ích cho các vấn đề đó mà không ngụ ý bao quát mọi lỗi HTML có thể gặp.
Công cụ kiểm tra HTML chạy hoàn toàn trong trình duyệt của bạn. Đầu vào được xử lý trên thiết bị của bạn và không bị tải lên, lưu trữ hay gửi đến máy chủ. Khi trang đã tải xong, công cụ hoạt động ngoại tuyến, vì vậy bạn có thể kiểm tra HTML mà không cần kết nối internet.
Lập trình viên và kỹ sư DevOps có thể dùng công cụ kiểm tra để xem nhanh trong lúc chỉnh sửa, trước khi đưa mã đánh dấu vào bộ phân tích khác, hoặc khi kiểm tra đầu ra của công cụ khác. Đây là cách đơn giản để xem xét các vấn đề HTML phổ biến ngay trong trình duyệt.
Bước 1: Dán hoặc thả HTML vào công cụ. Hãy đưa vào mã đánh dấu bạn muốn kiểm tra.
Bước 2: Chạy kiểm tra HTML. Công cụ phân tích đầu vào và tìm các vấn đề về khả năng truy cập và chất lượng được hỗ trợ.
Bước 3: Xem lại kết quả về ID trùng lặp, ảnh thiếu thuộc tính alt, thẻ neo thiếu thuộc tính href và trình xử lý sự kiện inline.
Bước 4: Nếu bộ phân tích báo vị trí lỗi, hãy dùng nó để tìm vị trí trong HTML và xem xét mã đánh dấu xung quanh.
Trường hợp sử dụng: Kiểm tra HTML trước khi đưa vào bộ phân tích hoặc môi trường chạy khác, và phát hiện sớm các lỗi mã đánh dấu phổ biến.
Trường hợp sử dụng: Dùng vị trí lỗi mà bộ phân tích báo để biết chỗ cần xem trong HTML, thay vì rà soát cả file bằng tay.
Trường hợp sử dụng: Xem lại HTML do công cụ khác tạo để tìm ID trùng lặp và các vấn đề khác mà công cụ kiểm tra hỗ trợ.
Trường hợp sử dụng: Kiểm tra ảnh thiếu thuộc tính alt trong lúc xem xét khả năng truy cập của trang.
Trường hợp sử dụng: Tìm thẻ neo thiếu thuộc tính href trước khi chia sẻ hoặc xuất bản trang.
Trường hợp sử dụng: Xem lại mã đánh dấu về trình xử lý sự kiện inline trong một lần kiểm tra chất lượng.
Trường hợp sử dụng: Chạy kiểm tra nhanh trên trình duyệt cho một đoạn mã trong lúc chỉnh sửa HTML, mà không tải đầu vào lên máy chủ.