Làm cách nào để tìm phần tử html hợp lệ bên trong tài liệu html lớn hơn?

Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Phát triển đặc tả HTML là một quá trình gia tăng và đôi khi xảy ra sự cố. Theo thời gian, nhiều phần tử và thuộc tính đã được thêm vào HTML chỉ bị xóa sau đó khi cộng đồng web nhận ra rằng có một cách tốt hơn. Vì các phần tử và thuộc tính không dùng nữa và lỗi thời đã tồn tại trên web nên nhiều trình duyệt hiện đại tiếp tục hỗ trợ việc sử dụng chúng. Mặc dù chúng có thể vẫn hoạt động nhưng bạn phải luôn theo dõi phiên bản HTML mới nhất. Không có gì đảm bảo rằng sự hỗ trợ của trình duyệt cho các phần tử lỗi thời và không dùng nữa sẽ tồn tại lâu dài

nội dung

Hợp lệ nhưng triển khai kém

Có một số trường hợp các phần tử và thuộc tính HTML hợp lệ và nên được sử dụng, nhưng việc triển khai các tính năng này đã thay đổi theo thời gian trong khi các nhóm cộng đồng phát triển web chưa chú ý. HTML

5 là một ví dụ tốt về điều này. Tại một thời điểm, bố cục trang web thường được tạo bằng phần tử HTML

6. Hầu như không còn ai làm điều này nữa, CSS mạnh hơn rất nhiều so với những gì mà

5 từng hy vọng. Tuy nhiên, có nhiều lỗi lạm dụng và lỗi cú pháp khác ít nghiêm trọng hơn do các nhà phát triển web có kinh nghiệm mắc phải. Dưới đây là một vài tính năng HTML hoàn toàn hợp lệ và hữu ích thường bị áp dụng sai và các ví dụ về cách triển khai đúng của chúng

8

Mặc dù về mặt kỹ thuật không phải là một phần tử HTML, nhưng khai báo

8 phải là phần đầu tiên xuất hiện trong mọi tài liệu HTML. Tuyên bố này cho trình duyệt biết ngôn ngữ của mã trong tài liệu. Trước đây, phần khai báo này bao gồm một số phần và có thể hơi phức tạp. Tuy nhiên, trong HTML5, nó khá đơn giản

Bắt đầu mọi tài liệu HTML với khai báo đó và các trình duyệt web sẽ biết chính xác những gì bạn đang cố nói

Xác định bộ ký tự

Trình duyệt web phải biết bộ ký tự được sử dụng để viết tài liệu để hiển thị chính xác. Trong phần lớn các trường hợp, bộ ký tự thích hợp để khai báo là UTF-8. Còn cần khai báo gì nữa thì chắc bạn đã biết và biết cách làm. Nếu bạn không chắc chắn, gắn bó với UTF-8 là một lựa chọn an toàn. Khai báo bộ ký tự trong HTML5 đơn giản hơn nhiều so với các phiên bản HTML trước. Đây là cú pháp thích hợp để khai báo trong HTML5 hiện đại

Chỉ cần thả dòng đó vào

0 của tài liệu HTML của bạn và bạn đã sẵn sàng

Liên kết đến thông tin bản quyền

Trước đây, thẻ

1 thường được sử dụng để cung cấp thông tin bản quyền. Tuy nhiên, đây không phải là cách phù hợp để xử lý tác vụ này và trình thu thập dữ liệu web không nhận ra việc sử dụng thẻ

1 ngoài nhãn này. Cách thích hợp để xác định bản quyền là sử dụng phần tử

3 trong phần

0 của tài liệu HTML như thế này

Bạn cũng có thể sử dụng cặp thuộc tính-giá trị

5 trên các phần tử neo và vùng

Ngừng nhận xét về tập lệnh

Trước đây, các tập lệnh thường được thêm vào tài liệu HTML bằng cách sử dụng cú pháp giống như thế này

Có một lý do rất tốt cho việc này. Tại một thời điểm, nhiều trình duyệt không nhận ra các thẻ

6 và sẽ cố gắng hiển thị nội dung giữa các thẻ dưới dạng HTML, dẫn đến việc chúng hiển thị tập lệnh ở dạng văn bản thuần túy. Để tránh sự cố này, các nhà phát triển sẽ nhận xét văn bản để nó không hiển thị dưới dạng HTML bởi các trình duyệt không được hỗ trợ. Những ngày đó đã xa phía sau chúng ta. Tất cả trình duyệt hiện đại đều hỗ trợ thẻ

6. Chỉ cần bỏ hoàn toàn các dấu ngoặc nhận xét HTML hoặc tốt hơn nữa, viết JavaScript của bạn vào một tệp riêng biệt và sử dụng thẻ

6 để nhập nó vào tài liệu HTML hiện tại như thế này

3

Các phần tử HTML ngừng sử dụng ngay lập tức

Có khá nhiều yếu tố đã từng là một phần của đặc tả HTML đã không còn được dùng nữa hoặc lỗi thời. Dưới đây là tám phần tử HTML mà bạn có thể vẫn đang sử dụng mà bạn nên ngừng sử dụng ngay lập tức cũng như các thẻ thay thế mà bạn có thể sử dụng thay thế

1. 9. Nếu bạn vẫn đang sử dụng thẻ này, thì bạn gặp vấn đề lớn hơn là sử dụng thẻ không được dùng nữa vì Java đang trên đường trở thành ngôn ngữ lập trình web. Chuyển sang phần tử
   0 hoặc
   1 trong thời gian ngắn, nhưng về lâu dài thì ngừng sử dụng Java trên web

2. 2. Yếu tố này đã từng được IE triển khai để thêm nhạc nền vào trang web. Nhạc nền là một ý tưởng tồi ngay từ đầu. Chỉ cần không làm điều đó. Nếu bạn muốn thêm nội dung âm thanh vào trang web của mình, hãy sử dụng thẻ
   3, nhưng không đặt nó ở chế độ tự động phát

3. 4. Phần tử
   4 và tất cả các phần tử liên quan của nó đã bị xóa khỏi đặc tả HTML. Đừng sử dụng chúng. Sử dụng
   6 nếu bạn đang cố nhúng một trang web bên ngoài và CSS nếu bạn đang cố thiết kế bố cục trang web

4. 7. Trước đây, bạn có thể nhóm tiêu đề và phụ đề bằng cách gói từng tiêu đề trong một cấp tiêu đề thích hợp và gói cả hai tiêu đề trong thẻ
   7. Tuy nhiên, yếu tố này đã bị phản đối. Thay vào đó, hãy sử dụng một thành phần tiêu đề duy nhất để chứa cả tiêu đề và phụ đề, bọc phụ đề trong thẻ
   9 và sử dụng CSS để kiểm soát kiểu dáng của phụ đề

5. 0. Phần tử thư mục đã từng là một phần của đặc tả HTML và được sử dụng để biểu thị danh sách các tệp hoặc trang. Thay vào đó, hãy sử dụng danh sách các phần tử neo không có thứ tự

6. 1. Phần tử này không được dùng nữa, thay vào đó hãy sử dụng thẻ viết tắt
   2

7. 3. Phần tử này đã tạo một trường văn bản trên một trang web. Tuy nhiên, điều tương tự có thể được thực hiện với phần tử
   4
   5 và thuộc tính
   6 hiển thị thẻ này không cần thiết và đã lỗi thời kể từ HTML 4. 01

8. 7,
   8 và
   9. Các thẻ này là những cách khác nhau để hiển thị văn bản ở dạng văn bản thuần túy chứ không phải dưới dạng HTML. Nếu bạn muốn nhúng văn bản thuần túy vào tài liệu HTML, bạn có hai tùy chọn,
   30 và 'mã'. Để hiển thị văn bản ở phông chữ đơn cách và để giữ khoảng trắng, hãy sử dụng
   30, để hiển thị mã, hãy sử dụng phần tử
   32 và loại bỏ tất cả các ký hiệu
   33 và
   34 bằng cách nhập
   35 và
   36 để thay thế từng ký hiệu tương ứng

Nhiệm vụ được CSS xử lý tốt hơn

Có nhiều yếu tố và thuộc tính đã từng là một phần của HTML, nhưng thực hiện các tác vụ phù hợp hơn với CSS. Kể từ đó, các yếu tố này đã không được dùng nữa để cho phép CSS kiểm soát việc trình bày trang web

Các phần tử được thay thế bởi Thuộc tính CSS

Kiểm soát phông chữ và kiểu chữ đã từng được thực hiện với các phần tử HTML như ________ 137, ________ 138, ________ 139, ________ 450 và

51. Tất cả các yếu tố này đều không được dùng nữa để thay thế cho các điều khiển phông chữ và kiểu chữ do CSS cung cấp. Để tìm hiểu thêm, hãy xem hướng dẫn của chúng tôi về phông chữ và kiểu chữ trên web. Một thẻ duy nhất chưa bao giờ thực sự được chú ý là

52. Thẻ này có thể được sử dụng để chia văn bản thành nhiều cột tương tự như giao diện của một tờ báo. Hiện tại, một hiệu ứng tương tự nhưng mạnh mẽ hơn nhiều có thể được tạo trong các trình duyệt hiện đại bằng cách sử dụng thuộc tính CSS

53

Thuộc tính được thay thế bằng Thuộc tính CSS

Một loạt các thuộc tính phần tử HTML đã từng có sẵn để kiểm soát việc trình bày các phần tử HTML. Hầu như tất cả các thẻ này không được dùng nữa và chức năng tương tự hiện có sẵn từ CSS. Nếu bạn chưa quen với CSS và cách triển khai các thuộc tính này, hướng dẫn CSS của chúng tôi sẽ giúp bạn thiết lập và chạy với Cascading Style Sheets ngay lập tức. Dưới đây là một số thuộc tính được sử dụng phổ biến hơn và các thuộc tính CSS hiện có thể được sử dụng để đạt được kết quả tương tự

1. 54. Thuộc tính này đã được thay thế bằng sự kết hợp của các thuộc tính CSS mạnh mẽ bao gồm
   55,
   56 và
   57

2. 58 và
   59. Thay vì áp dụng hình ảnh và màu nền với các thuộc tính HTML không dùng nữa này, hãy sử dụng các thuộc tính CSS
   60 và
   61 thay thế

3. 62 và
   63. Việc sử dụng các thuộc tính này vẫn còn hiệu lực trên một số phần tử. Tuy nhiên, trong mọi trường hợp, có thể đạt được hiệu quả tương tự bằng cách sử dụng các thuộc tính CSS có cùng tên

4. 64. Nếu bạn muốn buộc một phần tử xóa tất cả các phần tử khác ở một hoặc cả hai bên, hãy sử dụng thuộc tính CSS ________ 464 thay vì thuộc tính ________ 464 HTML

5. 67. Mặc dù thuộc tính này vẫn hoạt động tốt trên nhiều thành phần, nhưng tốt hơn hết là áp dụng đường viền bằng thuộc tính CSS
   67

Các nguồn lực khác

Trong bài viết này, chúng tôi đã đề cập đến một số phần tử và thuộc tính phổ biến nhất được sử dụng không đúng cách hoặc mặc dù trạng thái không dùng nữa hoặc lỗi thời của chúng. Tuy nhiên, chúng tôi thực sự chỉ mới chạm vào phần nổi của tảng băng chìm. Nếu bạn muốn đọc về toàn bộ các phần tử và thuộc tính HTML đã bị xóa khỏi đặc tả HTML, hãy tham khảo các tài nguyên này

• Danh sách WHATWG về các tính năng HTML đã lỗi thời
• Danh sách các tính năng HTML lỗi thời từ tài liệu HTML5 chính thức

Jon Penland

Jon là một nhà văn tự do, người đam mê du lịch, người chồng và người cha. Anh ấy viết về các công nghệ web như WordPress, HTML và CSS

Bạn sẽ kiểm tra HTML có hợp lệ hay không và viết mã cho nó như thế nào?

Cái nào là thẻ HTML hợp lệ?

HTML hợp lệ là gì?

Yếu tố nào có thể được sử dụng để xác định tệp HTML của bạn với thế giới bên ngoài?