Công cụ dành cho nhà phát triển · HTML WYSIWYG trình chỉnh sửa
Từ thẻ <font> đến CSS: Định dạng web được chuyển ra khỏi đánh dấu như thế nào
· Lý lịch
html css text-cleanup
Kể lại cách HTML mang tính trình bày, chẳng hạn như các thuộc tính phông chữ, căn giữa và căn chỉnh đã nhường chỗ cho CSS và lý do lịch sử đó giải thích cuộc tranh luận về phong cách nội tuyến ngày nay trong các biên tập viên.
Bản trình bày HTML ở các trang cũ hơn — không có xác nhận ngày nào được ghi ở đây
Các đoạn trang cũ hơn thường thể hiện diện mạo trực tiếp thông qua các thành phần như phông chữ và phần giữa hoặc các thuộc tính như bgcolor và căn chỉnh. Sổ làm việc đính kèm niên đại giữa những năm 1990, nhưng không có nguồn kho lưu trữ nào xác minh những ngày tháng đó. Việc triển khai chỉ có thể chứng minh cách trình soạn thảo này xử lý các đánh dấu đó hiện nay.
ToolAcre không cho phép phông chữ hoặc căn giữa và không giữ nguyên các thuộc tính bản trình bày. Các trình bao bọc không được hỗ trợ thông thường sẽ không được bao bọc, vì vậy các từ hiển thị của chúng có thể tồn tại trong khi hướng dẫn định dạng biến mất. Đầu ra đó là một bản nháp đã được làm sạch, không phải là một bản khôi phục trung thực của một trang cũ.
phông chữ, giữa và bgcolor: trình bày trong thẻ - mô tả các thành phần và thuộc tính được trình duyệt thêm vào để hiển thị
Khi bản trình bày tồn tại trong các thẻ và thuộc tính, nội dung và thiết kế trở nên khó thay đổi một cách độc lập. Lựa chọn màu sắc lặp đi lặp lại trong các bài viết phải được chỉnh sửa trong mọi đoạn và tiêu đề ở giữa không có ý nghĩa cấu trúc vốn có. Việc sao chép các cấu trúc đó cũng nhập các giả định từ một bố cục lỗi thời.
Các vai trò của tên đánh dấu ngữ nghĩa như tiêu đề, đoạn văn, danh sách và trích dẫn. Biểu định kiểu đích có thể trình bày tất cả các lần xuất hiện một cách nhất quán. ToolAcre hỗ trợ vốn từ vựng nhỏ hơn đó đồng thời loại bỏ lớp và phong cách, để hệ thống tiếp nhận chịu trách nhiệm về lớp trình bày của riêng nó.
CSS tách cấu trúc khỏi bản trình bày; ngày tiêu chuẩn là bằng chứng bên ngoài kho lưu trữ
CSS cung cấp bộ chọn và khai báo tách biệt với cây nội dung. Bộ phận kiến trúc đó cho phép một thay đổi thiết kế ảnh hưởng đến nhiều tài liệu mà không cần phải viết lại từng phần. Bài viết này không phát minh ra ngày khuyến nghị đầu tiên hoặc trình tự tiêu chuẩn vì những tuyên bố lịch sử như vậy yêu cầu các thông số kỹ thuật bên ngoài.
Quy tắc thực tế vẫn có thể kiểm tra được: các đoạn được sao chép từ ToolAcre không chứa thuộc tính kiểu hoặc tên lớp. Tài liệu đầy đủ đã tải xuống bao gồm biểu định kiểu trình bao bọc riêng của ToolAcre nhưng CSS đó không được chèn vào đoạn đã được chọn lọc được trả về bởi Bản sao HTML.
Các yếu tố trình bày nằm ngoài danh sách cho phép này và không có yêu cầu về trình tự thời gian của mức sống
Cuốn sách mô tả sự phản đối và loại bỏ khỏi mức sống. Mô-đun này không có kho lưu trữ tiêu chuẩn, vì vậy bài viết dừng ở chính sách hiện tại: các yếu tố trình bày không được hỗ trợ và được mở hoặc loại bỏ tùy theo danh mục rủi ro của chúng. Nó không đưa ra một tuyên bố về niên đại quy chuẩn.
Báo cáo loại bỏ là bằng chứng hữu ích. Dán thẻ phông chữ xung quanh văn bản và quan sát rằng trình bao bọc bị từ chối trong khi các từ vẫn còn. Dán một vùng chứa kiểu nguy hiểm và toàn bộ nội dung của nó sẽ bị xóa vì nội dung kiểu thô có thể tạo ra các bề mặt yêu cầu và phân tích cú pháp ngoài phạm vi của trình soạn thảo này.
Kiểu nội tuyến tồn tại ở nơi khác nhưng trình chỉnh sửa này sẽ xóa chúng
Kiểu nội tuyến là một cơ chế cú pháp hiện đại, nhưng ToolAcre từ chối nó hoàn toàn. Do đó, trình soạn thảo này không thể thể hiện thuộc tính kiểu “thỏa hiệp” còn tồn tại hoặc đề xuất một trong các chế độ đầu ra của riêng nó. Kiểu độc lập duy nhất xuất hiện trong tài liệu xem trước được tạo xung quanh nội dung được lọc HTML.
Các ngữ cảnh khác, đặc biệt là tạo email, có thể yêu cầu khai báo nội tuyến. Yêu cầu đó yêu cầu một quy trình riêng biệt có thử nghiệm ứng dụng khách và chính sách CSS. Việc thêm phong cách tùy tiện ở đây sẽ mâu thuẫn với danh sách cho phép hiện tại và mở rộng trách nhiệm của chất khử trùng mà không có bằng chứng hoặc xét nghiệm.
Ví dụ hoạt động: hiện đại hóa đoạn mã những năm 1990 - viết lại đánh dấu thẻ phông chữ dưới dạng ngữ nghĩa HTML cộng với một lớp và so sánh cả hai
Hiện đại hóa `<center><font color="red"><b>Maintenance</b></font></center><p align="left">Tonight</p>` bằng cách chọn tiêu đề và đoạn văn thực sự. ToolAcre mở bản trình bày không được hỗ trợ, ánh xạ b thành mạnh, loại bỏ căn chỉnh và giữ lại p, nhưng nó không thể suy ra rằng Bảo trì phải là h2.
Viết lại ý nghĩa rõ ràng dưới dạng `<h2>Maintenance</h2><p>Tonight</p>`, sau đó thêm các lớp đích hoặc quy tắc biểu định kiểu đã được phê duyệt bên ngoài trình chỉnh sửa. Nếu tầm quan trọng được thể hiện bên trong một câu thì mạnh mẽ có thể phù hợp; nếu in đậm chỉ đơn thuần là độ dày của phông chữ, đừng giữ lại ngữ nghĩa gây hiểu lầm.
Điều này không bao gồm những gì - CSS tranh luận về phương pháp hoặc kiểu dáng dành riêng cho khung
Bài viết này không so sánh CSS phương pháp, khung, lớp tiện ích hoặc mã thông báo thiết kế. Nó không xác nhận ngày tháng lịch sử của phông chữ, CSS hoặc chuyển đổi tiêu chuẩn. Nó cũng không cung cấp một công cụ chuyển đổi tự động có thể suy ra các vai trò ngữ nghĩa từ đánh dấu kế thừa trực quan.
Lọc không phải là biện pháp ngăn chặn XSS phổ biến. Mã thông báo viết tay của ToolAcre bị hạn chế và bản xem trước của nó được đóng hộp cát riêng biệt. Máy chủ chấp nhận HTML cũ hoặc do người dùng tạo cần có trình dọn dẹp dựa trên trình phân tích cú pháp được duy trì, kiểm tra di chuyển và danh sách cho phép dành riêng cho đích đến.
Bài học rút ra: biết tại sao quy tắc tồn tại — tóm tắt lịch sử và cách kiểm tra đầu ra trong trình soạn thảo HTML WYSIWYG của ToolAcre giúp bản trình bày không nằm trong phần đánh dấu của bạn
Biết lý do tại sao cấu trúc và cách trình bày bị tách biệt: ý nghĩa cần được giữ nguyên trong thiết kế lại, trong khi hình thức bên ngoài phải được quản lý một cách nhất quán. ToolAcre thực thi mạnh mẽ ranh giới đó bằng cách loại bỏ cả bản trình bày cũ và kiểu dáng nội tuyến hoặc kiểu dựa trên lớp hiện đại khỏi các đoạn được sao chép.
Sử dụng chế độ xem nguồn để xác định những gì bị mất, sau đó khôi phục ngữ nghĩa và kiểu dáng theo cách thủ công ở đích. Quá trình này có thể không giữ nguyên giao diện cũ nhưng nó tạo ra nội dung dễ xem xét, di chuyển và điều chỉnh dễ dàng hơn mà không đưa ra các quyết định lỗi thời cho mọi chủ đề trong tương lai.