Một trong những điều thú vị về HTML5 là tính linh hoạt của nó. Bạn thậm chí không cần thẻ đóng trên một số yếu tố! Nhưng hãy cẩn thận với điều đó.

Bạn đang xem : thẻ đóng trong html

Một trong những điều thú vị về HTML5 là tính linh hoạt (rất có chủ ý) của nó. Có một điều tôi luôn thấy kỳ lạ là một số phần tử HTML không cần thẻ đóng .

Ví dụ: bạn có thể viết một danh sách mà không cần đóng & lt; li & gt; :

  

& lt; < / p> ul

& gt;


< p class = "dấu chấm câu"> & lt;

li

& gt;

Thẻ mã thông báo

& lt;

li

& gt;

Màu xanh lá cây

& lt;

li

& gt;

Màu xanh lam

& lt; / ul

& gt;

Có thể là do tôi đã viết HTML trước khi thông số HTML5 được hỗ trợ trong các trình duyệt (XHMTL khá nghiêm ngặt về việc đóng thẻ!), nhưng, mặc dù nó hợp lệ, nhưng điều đó có vẻ hơi khác đối với tôi.

Ngoài việc nó trông kỳ lạ, có một số lý do chính đáng để tôi hướng những người tôi dạy về HTML tránh xa loại mã này.

Nó không dành cho mọi phần tử

Có một danh sách tương đối ngắn các yếu tố mà bạn có thể thực hiện việc này. Vì vậy, bạn có thể gặp khó khăn khi bỏ qua thẻ đóng khỏi & lt; ul & gt; , nhầm tưởng rằng bạn được phép làm điều đó với các danh sách, khi đó chỉ là mục danh sách ( & lt; li & gt; ) được phép bỏ ngỏ.

Dưới đây là các yếu tố bạn được phép không tiết lộ:

  • & lt; html & gt;
  • & lt; head & gt;
  • & lt; body & gt;
  • & lt; p & gt;
  • & lt; li & gt;
  • & lt; dt & gt;
  • & lt; dd & gt;
  • & lt; option & gt;
  • & lt; thead & gt;
  • & lt; th & gt;
  • & lt; tbody & gt;
  • & lt; tr & gt;
  • & lt; td & gt;
  • & lt; tfoot & gt;
  • & lt; colgroup & gt;

Làm sai sẽ phá vỡ mọi thứ

Nếu bạn bỏ qua & lt; / ul & gt; thì mọi thứ sẽ hỏng. Các trình duyệt sẽ cố gắng hết sức để lấp đầy khoảng trống và cuối cùng có thể khiến trang của bạn trông không bị hỏng như vậy, nhưng khi mọi thứ hỏng hóc theo những cách tinh vi thì cuối cùng mã không hợp lệ có thể được xuất bản.

Nó có thể không được chú ý bởi những khách truy cập sử dụng phiên bản Chrome mới sáng bóng trên phiên bản macOS mới nhất, nhưng, như mọi nhà phát triển giao diện người dùng đều biết, mọi người sử dụng tất cả các loại công nghệ để đọc các trang web của chúng tôi; những trình duyệt cũ, hệ điều hành lỗi thời, trình đọc màn hình và bộ điều khiển bằng giọng nói, có thể không được tha thứ…

Làm cho việc gỡ lỗi khó khăn hơn

Đôi khi, rất khó phát hiện HTML bị hỏng; đặc biệt nếu bạn đang kiểm tra mã của mình theo cách thủ công. Việc tìm một thẻ đóng bị thiếu gây ra vấn đề xác thực sẽ khó hơn nhiều nếu khắp nơi đều thiếu các thẻ đóng (hoàn toàn hợp lệ).

Tìm địa điểm của bạn rất khó

Ngay cả khi không có lỗi xác thực, ví dụ: không có & lt; / li & gt; đóng, có thể khiến việc tìm kiếm vị trí của bạn trên trang trở nên khó khăn. & lt; li & gt; s có thể chứa tất cả các loại phần tử khác ( & lt; p & gt; , & lt; blockquote & gt; , & lt; ul & gt ; , bạn đặt tên cho nó!). Với tất cả các yếu tố con và cháu đó, có thể khó tìm thấy vị trí của bạn mà không có thẻ đóng rõ ràng.

Thời gian dành cho lần đoán thứ hai

Cũng giống như việc lồng trong CSS hoặc JavaScript sẽ không có dấu ngoặc đóng (đừng thử – bạn chắc chắn sẽ phá vỡ mọi thứ!), HTML lồng nhau thiếu một số thẻ đóng và không phải các thẻ khác thiếu một số thứ tự trực quan. Tôi bắt đầu đoán lại mã của mình, điều đó có nghĩa là tôi đang dành thêm thời gian để viết nó.

Vì vậy, hãy đóng các phần tử HTML của chúng tôi

Bỏ một số thẻ đóng là tốt theo quan điểm kỹ thuật; nó thậm chí có thể có nghĩa là tệp của bạn nhỏ hơn một vài byte! Nhưng nó có thể gây ra vấn đề và đối với tôi, tôi càng gặp ít vấn đề khi làm việc thì càng tốt!


Xem thêm những thông tin liên quan đến chủ đề đóng thẻ trong html

Thẻ HTML thông dụng

  • Tác giả: F8 Official
  • Ngày đăng: 2020-01-30
  • Đánh giá: 4 ⭐ ( 6887 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 👉 Link đặt mua áo Polo F8: https://forms.gle/rff9K64GsSiANRzj6

    Tham gia các khóa học MIỄN PHÍ tại F8 tại đây nhé (đã quyết định theo thì hãy cố gắng đến cùng):
    1. Kiến thức & cái nhìn tổng quan về ngành: https://fullstack.edu.vn/courses/lessons-for-newbie
    2. Code giao diện trang web với HTML, CSS: https://fullstack.edu.vn/courses/html-css
    3. Xử lý hiển thị tốt giao diện trên nhiều thiết bị khác nhau (responsive): https://fullstack.edu.vn/courses/responsive-web-design
    4. Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/javascript-co-ban
    5. Lập trình Javascript nâng cao: https://fullstack.edu.vn/courses/javascript-nang-cao
    6. Lập trình Backend với Node & ExpressJS: https://fullstack.edu.vn/courses/nodejs

Tổng hợp các thẻ trong HTML

  • Tác giả: timoday.edu.vn
  • Đánh giá: 5 ⭐ ( 7522 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tổng hợp tất cả các thẻ HTML và HTML5, các giải thích đơn giản, ngắn gọn các thẻ và cách sử dụng đơn giản các thẻ. Sẽ có ví dụ cho từng thẻ cụ thể.

Thành phần HTML

  • Tác giả: webvn.com
  • Đánh giá: 3 ⭐ ( 6465 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ví dụ và cách viết chuẩn các thành phần HTML.

Các thẻ HTML cơ bản (HTML Tag)

  • Tác giả: vietjack.com
  • Đánh giá: 5 ⭐ ( 3359 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các thẻ HTML cơ bản – Học HTML cơ bản và nâng cao theo các bước đơn giản và dễ hiểu từ HTML là gì, Tag trong HTML, HTML tag, thẻ trong HTML, tổng hợp các thẻ HTML cơ bản, thẻ meta, thuộc tính, định dạng, thẻ trong HTML, commemnt, font, marquee, hình ảnh, link, bảng, frame, danh sách, layout, màu, form, background, style sheet, và sử dụng javascript.

Tag Thông Dụng trong HTML — HTML Cheat Sheet

  • Tác giả: www.stdio.vn
  • Đánh giá: 3 ⭐ ( 3853 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Liệt kê các loại thẻ (tag) thường dùng trong HTML để trình bày 1 trang web.

Các thẻ HTML không cần thẻ đóng!

  • Tác giả: viblo.asia
  • Đánh giá: 4 ⭐ ( 5153 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Khi một trình duyệt đọc một tài liệu HTML, trình duyệt đọc nó từ trên xuống dưới và từ trái sang phải. Các thẻ HTML được sử dụng để tạo các tài liệu HTML và hiển thị thuộc tính của chúng. Mỗi thẻ HTML…

Hướng dẫn cách dùng thẻ div và cách tạo danh sách trong HTML

  • Tác giả: gitiho.com
  • Đánh giá: 5 ⭐ ( 8149 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn từng bước chi tiết cách dùng thẻ div và cách tạo danh sách trong HTML. Chỉ với các thao tác cực kỳ đơn giản bạn đã có thể sử dụng thành thạo. Khám phá ngay nào.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  phần mềm kế toán - ajax là gì

By ads_php