Công cụ dành cho nhà phát triển · HTML WYSIWYG trình chỉnh sửa
mạnh vs b và em vs i: Tại sao nội tuyến ngữ nghĩa HTML lại quan trọng đối với người chỉnh sửa
· Tại sao nó quan trọng
html khả năng tiếp cận contenteditable
Giải thích sự khác biệt thực tế giữa các phần tử nội tuyến ngữ nghĩa và trình bày, công nghệ hỗ trợ và công cụ tìm kiếm làm gì với chúng cũng như cách kiểm tra những gì trình soạn thảo của bạn phát ra.
In đậm không phải lúc nào cũng quan trọng - chọn ý nghĩa trước khi xuất hiện
Mã sản phẩm chỉ được in đậm để người đọc có thể tìm nhanh; lời cảnh báo có thể mạnh mẽ vì tầm quan trọng của nó thuộc về nghĩa của câu. Hai ý định đó có thể trông giống nhau trong biểu định kiểu mặc định. Việc chỉ chọn từ hình thức sẽ làm cho đánh dấu không rõ ràng khi CSS thay đổi hoặc khi người đọc khác sử dụng cấu trúc.
Thanh công cụ của ToolAcre gắn nhãn các hành động của nó là In đậm và Nghiêng, trong khi trình khử trùng bình thường hóa các phần tử b và i cũ thành mạnh và em. Đó là một mặc định hữu ích cho văn xuôi được nhấn mạnh, nhưng người biên tập vẫn phải quyết định xem những từ được chọn có thực sự mang tầm quan trọng hay nhấn mạnh hơn là trang trí hay không.
Thông số kỹ thuật HTML cho biết gì hôm nay - tóm tắt ý nghĩa hiện tại của mạnh, em, b và i
Mạnh thể hiện tầm quan trọng, sự nghiêm túc hoặc cấp bách; em thể hiện sự nhấn mạnh trọng âm mà vị trí của nó có thể ảnh hưởng đến việc diễn giải. Phần tử b có thể thu hút sự chú ý mà không cần tăng thêm tầm quan trọng, trong khi phần tử i có thể đánh dấu văn bản lệch khỏi văn xuôi xung quanh, chẳng hạn như một thuật ngữ, giọng nói hoặc quy ước mà không cần nhấn mạnh.
Bài học thực tế không phải là cấm hai thẻ. Đó là sự giống nhau về hình ảnh không xóa bỏ được sự khác biệt về ngữ nghĩa. Đầu ra hẹp của ToolAcre chọn mạnh và em, do đó, nội dung yêu cầu sự bù đắp đơn thuần về mặt phong cách có thể cần được xem xét hoặc quy trình làm việc đích khác thay vì khả năng của thanh công cụ được phát minh.
Công nghệ hỗ trợ có thể trình bày ngữ nghĩa một cách khác nhau; kho lưu trữ này chứng tỏ không có thông báo
Công nghệ hỗ trợ có thể sử dụng ngữ nghĩa của phần tử nhưng cách xử lý giọng nói chính xác sẽ khác nhau tùy theo sản phẩm, chế độ và cấu hình người dùng. Kho lưu trữ không chứa bộ tương thích với trình đọc màn hình, vì vậy bài viết này không hứa hẹn rằng mạnh sẽ luôn được thông báo bằng một giọng nói cụ thể hoặc b sẽ luôn im lặng.
Cấu trúc vẫn quan trọng vì nó cung cấp thông tin phần mềm mà một khoảng được tạo kiểu thiếu. Kiểm tra các trang đại diện bằng các công nghệ hỗ trợ trong chính sách hỗ trợ của bạn. Yếu tố ngữ nghĩa tạo cơ hội cho việc diễn giải có ý nghĩa; nó không đảm bảo một hiệu ứng âm thanh phổ quát trên mọi môi trường.
Hiệu ứng tìm kiếm nằm ngoài bằng chứng của biên tập viên này; ngữ nghĩa vẫn cải thiện cấu trúc tài liệu
Các công cụ tìm kiếm có thể phân tích cấu trúc tài liệu, tuy nhiên không có nguồn địa phương nào chứng minh được sự thay đổi xếp hạng từ việc đổi b thành mạnh. Tránh biến HTML ngữ nghĩa thành công thức SEO. Khả năng hiển thị tìm kiếm phụ thuộc vào nội dung, liên kết, khả năng tiếp cận kỹ thuật và nhiều hệ thống bên ngoài trình chỉnh sửa này.
Lý do chính đáng để sử dụng ngữ nghĩa là sự rõ ràng và khả năng tương tác. Tác giả, trình duyệt và các biến đổi xuôi dòng có thể xác định tầm quan trọng hoặc điểm nhấn dự định mà không cần thiết kế ngược lại tuyên bố kiểu. Mọi kết quả tìm kiếm chỉ được mô tả bằng bằng chứng từ nền tảng có liên quan chứ không được suy ra từ nút định dạng cục bộ.
Danh sách thực sự là danh sách — mở rộng đối số thành <ul> và <ol> thay vì dấu gạch ngang và đánh số thủ công
Nguyên tắc tương tự cũng áp dụng cho danh sách. Ba dòng bắt đầu bằng dấu gạch ngang là văn bản thông thường, trong khi ul và li đại diện cho một tập hợp các mục ngang hàng. Các ký tự số được gõ trước các đoạn văn không tương đương với ol, có trình tự và giá trị bắt đầu tùy chọn là một phần của cấu trúc.
ToolAcre hiển thị các lệnh danh sách có dấu đầu dòng và đánh số, đồng thời cho phép ul, ol và li đi qua bộ lọc của nó. Hành vi lệnh của trình duyệt có thể khác nhau, đặc biệt là đối với việc lồng nhau, vì vậy hãy kiểm tra nguồn sau khi xây dựng danh sách. Ngữ nghĩa danh sách chính xác không loại trừ các nhãn bị thiếu, thứ tự khó hiểu hoặc độ sâu không được hỗ trợ ở đích.
Ví dụ hoạt động: ToolAcre ánh xạ b thành mạnh và i thành em trong quá trình lọc
Nhập “Dừng triển khai trước khi thay đổi lược đồ”, chọn “Dừng triển khai” và nhấn In đậm. Lệnh trình duyệt ban đầu có thể tạo b, nhưng bản đồ bí danh của trình khử trùng phát ra mạnh mẽ. Chữ nghiêng theo cùng một mẫu từ i đến em. Chế độ nguồn hiển thị kết quả chuẩn hóa.
Bây giờ hãy chọn nhãn sản phẩm chỉ được đánh dấu trực quan. ToolAcre không có tính năng kiểm soát sự chú ý chỉ b hoặc dựa trên lớp và dấu chỉ được đưa vào danh sách cho phép thông qua chỉnh sửa nguồn trực tiếp chứ không phải xác nhận trên thanh công cụ. Quyết định xem mạnh có chính xác hay không; nếu không, hãy sử dụng kiểu dáng dành riêng cho đích bên ngoài quy trình làm việc bị ràng buộc này.
Điều này không bao gồm những gì — thuộc tính ARIA, kiểm tra khả năng truy cập đầy đủ hoặc cấu trúc tiêu đề, được đề cập riêng
Bài viết này không đề cập đến ARIA, kiểm tra khả năng truy cập hoàn chỉnh, phân cấp tiêu đề hoặc hành vi chính xác của công cụ tìm kiếm. Nó cũng không khẳng định mọi phần tử cùng dòng trong danh sách cho phép đều có quyền kiểm soát thanh công cụ. Chế độ nguồn có thể giữ lại u, s, sub, sup, mark, small, code, kbd, samp, var và abbr khi hợp lệ, nhưng các lệnh trực quan sẽ đưa ra ít lựa chọn hơn.
Việc lọc các thẻ ngữ nghĩa không loại bỏ HTML thù địch tùy ý để xuất bản. Trình mã thông báo của ToolAcre có giới hạn phân biệt trình phân tích cú pháp rõ ràng. Máy chủ hiển thị các nội dung gửi không đáng tin cậy cần có chính sách và bộ khử trùng dựa trên trình phân tích cú pháp phù hợp, trong khi quá trình đánh giá khả năng tiếp cận phải kiểm tra đích đến cuối cùng thay vì chỉ xem xét bản xem trước riêng biệt này.
Bài học rút ra: định dạng cho ý nghĩa, sau đó kiểm tra — tóm tắt thói quen và cách trình soạn thảo HTML WYSIWYG của ToolAcre trình bày các yếu tố chính xác được tạo ra
Định dạng cho ý nghĩa, sau đó kiểm tra. Mạnh mẽ và em có giá trị khi văn xuôi thực sự chứa đựng tầm quan trọng và sự căng thẳng; chúng không phải là sự thay thế phổ biến cho mọi hình ảnh in đậm hoặc in nghiêng. ToolAcre hiển thị lựa chọn của mình bằng cách hiển thị HTML đã lọc sau mỗi hành động.
Sử dụng điều khiển trực quan để soạn thảo, chế độ nguồn để xác minh và đích CSS để xuất hiện. Khi bản trình bày mong muốn không có yếu tố ngữ nghĩa chính xác, đừng buộc gắn thẻ gây hiểu lầm chỉ vì nó giống với thiết kế. Bảo tồn ý định của tác giả trong một hệ thống có khả năng thể hiện nó.