Trong bài viết này, chúng ta sẽ thấy các thẻ Html không dùng nữa và các thẻ thay thế của chúng trong HTML5. Các thẻ không dùng nữa là những thẻ được cho phép, nhưng không được khuyến nghị sử dụng và đang được thay thế bằng các thẻ mới hơn. Thẻ hoặc thuộc tính không được dùng nữa khi các thuộc tính tương tự đạt được theo một số cách khác. Một số lý do bị loại bỏ và sử dụng cái mới hơn
- Có một số thẻ giúp đạt được cùng một nhiệm vụ. Vì lý do này, độ dài của mã nguồn cũng giảm và do đó cải thiện hiệu suất tổng thể
- Việc quản lý mã kích thước lớn sẽ khó khăn và việc sửa đổi mã nguồn như vậy sẽ không thể thực hiện được ngay lập tức. Điều này có thể làm tăng thời gian phát triển cũng như sự mơ hồ trong mã
- Đôi khi, điều đó có thể xảy ra nếu chúng ta cần sử dụng một khối mã cụ thể để thực hiện một tác vụ cụ thể, sau đó chúng ta có thể cần phải viết lại mã đó. Tất cả những yếu tố này làm tăng độ phức tạp cũng như thời gian phát triển không đáng có trong quá trình phát triển
Đối với điều này, một số thẻ & thuộc tính đã được giới thiệu trong HTML5. Dưới đây là danh sách đầy đủ các thẻ không dùng nữa sẽ được thảo luận bên dưới.
Thẻ HTML 5 không dùng nữa. Danh sách đầy đủ các thẻ không dùng nữa được đưa ra bên dưới.
THẺ
MÔ TẢ
THẺ THAY THẾ
Để chỉ định một phông chữ cơ sở. bảng kiểu phông chữ. Nó chỉ định văn bản phông chữ, kích thước và màu sắc. họ phông chữ, cỡ chữ, màu sắc. Chỉ định Văn bản ở giữa. căn chỉnh văn bản. trung tâm. Chỉ định văn bản gạch ngang. trang trí văn bản. Xác định văn bản lớn. Sử dụng thuộc tính CSS hoặc thẻ Tiêu đề. Chỉ định một danh sách thư mục. thẻ ul. Nó chỉ định trường nhập một dòng. thẻ biểu mẫu. Nó chỉ định một applet. thẻ đối tượng. Một từ viết tắt được xác định bằng cách sử dụng thẻ này. sử dụng abbr. Được sử dụng để xác định phần noframe. Thay vào đó, hãy sử dụng iframe và CSS hoặc sử dụng tính năng bao gồm phía máy chủ để tạo các trang hoàn chỉnh với các phần bất biến khác nhau được hợp nhất trong. Hiển thị văn bản giữa thẻ bắt đầu và thẻ kết thúc mà không diễn giải HTML ở giữa và sử dụng phông chữ đơn cách. Sử dụng mã trước và mã thay thế. Thẻ giúp dễ dàng cung cấp nội dung thay thế cho người dùng biết họ đang thiếu gì. Sử dụng đối tượng thay vì nhúng khi cần dự phòng. Được sử dụng để hiển thị tất cả văn bản trong tài liệu chính xác như khi nhập vào. Thay vào đó, hãy sử dụng loại MIME “text/plain”. Chỉ định một bộ khung. Thay vào đó, hãy sử dụng iframe và CSS hoặc sử dụng tính năng bao gồm phía máy chủ để tạo các trang hoàn chỉnh với các phần bất biến khác nhau được hợp nhất trong. Chỉ định một khung. Thay vào đó, hãy sử dụng iframe và CSS hoặc sử dụng tính năng bao gồm phía máy chủ để tạo các trang hoàn chỉnh với các phần bất biến khác nhau được hợp nhất trong. Nó chỉ định một văn bản được gạch chân. trang trí văn bản. Xác định văn bản điện báo. Sử dụng thuộc tính CSS. Chỉ định văn bản gạch ngang. trang trí văn bảnThuộc tính HTML không dùng nữa . Một số thuộc tính thẻ cũng bị xóa. Sau đây là bảng đã loại bỏ phân bổ và các thẻ [yếu tố] bị ảnh hưởng tương ứng của chúng tức là. các phần tử mà các thuộc tính đó đã bị xóa vĩnh viễn.
THUỘC TÍNH ĐÃ XÓA
THẺ BỊ TÁC ĐỘNG
THAY THẾ
reva, liên kếtSử dụng thuộc tính rel
longdescimg, iframeSử dụng một yếu tố thông thường để liên kết đến mô tả
phiên bảnHtmlKhông cần thiết, không bắt buộc phải đề cập
bộ ký tự, liên kếtThay vào đó, hãy sử dụng tiêu đề Loại nội dung HTTP trên tài nguyên được liên kết
tên, hình ảnhSử dụng thuộc tính id thay thế
không có gìBỏ qua thuộc tính href là đủ. Thuộc tính nohref không cần thiết, không bắt buộc nhắc đến
sử dụng bản đồSử dụng img thay vì đầu vào cho bản đồ hình ảnh
liên kết mục tiêuKhông cần thiết, không bắt buộc phải đề cập
lược đồChỉ sử dụng một lược đồ cho mỗi trường hoặc đặt phần khai báo lược đồ của giá trị
mã loại đối tượngSử dụng các thuộc tính dữ liệu và loại để gọi các plugin
khai báo đối tượngLặp lại hoàn toàn phần tử đối tượng mỗi khi tài nguyên được sử dụng lại
đối tượng dự phòngTối ưu hóa tài nguyên được liên kết để nó tải nhanh hoặc ít nhất là tăng dần
valuetypeparamKhông khai báo các loại giá trị, hãy sử dụng các thuộc tính tên và giá trị
ngôn ngữSử dụng thuộc tính loại
abbrtd, thứSử dụng văn bản bắt đầu một cách rõ ràng và ngắn gọn, đồng thời bao gồm bất kỳ văn bản phức tạp nào sau đó
HTML5 hỗ trợ các phiên bản HTML trước đó. Điều này đã giúp các tổ chức và nhà phát triển an toàn trong việc cập nhật ứng dụng web của họ. Hàng triệu ứng dụng trên web đang chạy HTML lỗi thời mà không có mã hóa tốt nhất khiến HTML5 trở nên hữu ích
Pexels
HTML5. Phiên bản HTML mới nhất
Thuật ngữ HTML5 là viết tắt của "ngôn ngữ đánh dấu siêu văn bản phiên bản 5" và là đặc điểm kỹ thuật mới nhất của ngôn ngữ HTML. Phiên bản HTML thứ năm này đã được biết đến là một bước đột phá đáng kể so với các phương pháp đánh dấu được sử dụng trong các phiên bản cũ hơn. Các thay đổi được thực hiện đối với ngôn ngữ được tạo ra để chuẩn hóa việc sử dụng ngôn ngữ này đối với các nhà phát triển vì họ đang tìm thấy nhiều cách sử dụng mới cho ngôn ngữ này. Phiên bản mới nhất này là phương pháp hay nhất hiện nay về phát triển web
Biểu trưng HTML
HTML5 là phiên bản mới nhất của tiêu chuẩn HTML được sử dụng ngày nay
Các thay đổi được triển khai cho HTML5
Hầu hết các thay đổi được thực hiện đối với thực tiễn HTML cho HTML5 chủ yếu là do các mục tiêu mới cho ngôn ngữ đã được lên kế hoạch trong nhiều năm. Các mục tiêu bao gồm
- Giảm chồng chéo JavaScript, CSS và HTML
- Tạo rào cản giữa thiết kế và nội dung
- Khuyến khích đánh dấu ngữ nghĩa
- Loại bỏ plugin với sự hỗ trợ của trải nghiệm đa phương tiện
- Khởi xướng thiết kế và khả năng đáp ứng khả năng tiếp cận
Leaning HTML5 thường có thể được mô tả là tìm ra các tính năng CSS nào thay thế các tính năng HTML. Đây là một quan niệm sai lầm vì để thực sự học HTML5, bạn phải hiểu những mục tiêu mới này ảnh hưởng như thế nào đến sự phát triển của ngôn ngữ
Hình minh họa hiển thị lịch sử phiên bản của HTML cho đến ngày nay
Giảm chồng chéo JavaScript, CSS và HTML
Ba ngôn ngữ xác định phát triển trang web front-end. Các ngôn ngữ này là JavaScript, CSS và HTML. Mỗi ngôn ngữ này đã phát triển để tạo ra các hình thức hữu ích tiên tiến của nó. Sự tiến hóa của họ đã không xảy ra một cách riêng biệt. Những đánh giá này xảy ra song song với nhau và đã gây ra sự chồng chéo về phạm vi và chức năng
Mặc dù chức năng có thể trùng lặp, nhưng mỗi ngôn ngữ này đều hướng tới mục đích của nó. Mỗi được mô tả dưới đây
- JavaScript → Tương tác
- CSS → Thiết kế
- HTML → Nội dung
Đã có sự tập trung vào việc giới hạn hoặc mở rộng các mục đích cụ thể của từng ngôn ngữ này. Hiểu ý nghĩa của những ngôn ngữ cụ thể này có thể giúp biết cách sử dụng chúng để thu hẹp khoảng cách chồng chéo ngôn ngữ một cách hiệu quả. Vì CSS chủ yếu được sử dụng cho thiết kế nên bạn có thể nghĩ rằng đây là ngôn ngữ mà bạn sẽ sử dụng để thay đổi màu sắc. Điều này đúng, nhưng bạn có thể muốn thay đổi màu sắc do người dùng nhập bằng JavaScript
Chồng chéo CSS, HTML và JavaScript
Tạo rào cản giữa thiết kế và nội dung
Đặc tả HTML5 không khuyến khích đánh dấu không có ý nghĩa. Đánh dấu không có ý nghĩa có thể được mô tả là đánh dấu nhằm thông báo cho trình duyệt cách hiển thị nội dung. Đánh dấu không có ý nghĩa có thể bao gồm
- Việc khai báo màu chữ và phông chữ
- Cài đặt và căn chỉnh văn bản
- Cài đặt bảng như đường viền
- Xác định gói văn bản cho hình ảnh
Hầu hết các tính năng của HTML hỗ trợ các chức năng này đã bị loại bỏ hoàn toàn. Một số vẫn có sẵn, nhưng chúng đi kèm với cảnh báo rằng việc sử dụng chúng không phải là một phương pháp được khuyến nghị
Sự tách biệt được hỗ trợ bởi hai lý do hợp lệ
- Quá trình thiết kế lại và duy trì một trang web sẽ dễ dàng hơn khi các khai báo kiểu được giới hạn chặt chẽ trong CSS
- Người dùng xem nội dung trên máy tính xách tay, máy tính để bàn, trình đọc RSS, v.v. Các quyết định về thiết kế và phong cách có thể có ý nghĩa trong môi trường này nhưng có thể không hợp lý trong môi trường khác. Tốt hơn là cung cấp thông tin ngữ nghĩa để cho phép nội dung thích ứng với mọi ngữ cảnh
Khuyến khích đánh dấu ngữ nghĩa
Semantic markup can be described as markup with meaning. For instance, the tag
gives you the impression that the content is a headline or title of the document. Without the use of the tag, you could just make the text large with bold. All previous versions of HTML had some form of semantic markup available. Such markup could be related to document metadata, headings tags, and the link rel attribute.
In previous versions of the language, there are elements that are part of a common structure. This includes navigation menus, headers, and more. These were all indicated with the
New to the HTML world is that of text-level [inline] elements. Two text-level elements that have been introduced recently are and . With these elements, services and search engines can easily find this type of information on a webpage. Some of the existing text-level elements like italic, bold, and underline have been redefined to better specify a semantic meaning.
Thúc đẩy khả năng truy cập và đáp ứng thiết kế
Mọi người xem internet theo nhiều cách. Các thiết bị bao gồm và không giới hạn ở điện thoại, máy tính bảng và máy tính để bàn. Internet được xem trên các thiết bị này ở nhiều biến thể màn hình khác nhau. Có những biến thể về kích thước màn hình, độ phân giải và những thứ tương tự như vậy là đủ để khuyến khích thực hành thiết kế đáp ứng và ngữ nghĩa
Ngày nay, mọi người có thể duyệt internet ngay cả khi bị khiếm thị. Các công nghệ hỗ trợ cho phép đọc màn hình, dịch thuật, phóng đại, giải thích chữ nổi và điều hướng bàn phím. Tất cả những công nghệ này cho phép những người khuyết tật tương tác tốt hơn với các trang web
Những công nghệ này bị cản trở bởi một ngôn ngữ đánh dấu nhằm mục đích thiết kế và tạo kiểu mã cứng cho nội dung trang
Loại bỏ plugin với sự hỗ trợ của trải nghiệm đa phương tiện
Giờ đây, tốc độ internet nhanh hơn bao giờ hết, việc sử dụng phương tiện trên internet đã bùng nổ. HTML ban đầu không được thiết kế cho loại nền tảng này. Mục đích ban đầu của nó là hỗ trợ các tài liệu siêu văn bản với một số hình ảnh loại trừ video và âm thanh.
Ban đầu, để trải nghiệm video và âm thanh, người dùng cần thêm plugin vào trình duyệt của họ. Các plugin này không hoạt động tốt cho người dùng. Khi cần cập nhật, không thể xem nội dung. Cũng có những lựa chọn hạn chế và thường lo ngại về bảo mật. Đối với các nhà phát triển, yêu cầu viết chức năng trang web bằng Java và flash không hiệu quả
Việc bổ sung HTML5 cung cấp hỗ trợ phương tiện với các yếu tố sau
The advent of these elements adds their own special solution. The and elements specifically get us away from using plugins while the elements allow for JavaScript-created graphics and drawings. A combination of HTML, CSS, and JavaScript together has added to the success of eliminating plugins while creating full-scale web applications.
HTML5 sẽ vẫn là tiêu chuẩn cho tương lai gần
Cho đến khi gặp phải những thách thức mới trong việc xây dựng trang web hoặc cần có những cải tiến để hỗ trợ những tiến bộ công nghệ, HTML5 vẫn là tiêu chuẩn sống HTML cần tuân theo để phát triển trang web
Nội dung này là chính xác và đúng với kiến thức tốt nhất của tác giả và không nhằm mục đích thay thế cho lời khuyên chính thức và cá nhân từ một chuyên gia có trình độ