Hướng dẫn what is validation in html? - xác thực trong html là gì?

Bản tóm tắt

Bài viết này giới thiệu khái niệm xác nhận và chỉ ra cách sử dụng trình xác nhận W3C trực tuyến để xác thực HTML của bạn.

Giới thiệu

Vì vậy, bạn đã viết một vài trang HTML và chúng dường như hiển thị ổn, nhưng có một vài điều không hoàn toàn đúng với chúng. Cách tốt nhất để bắt đầu tìm ra điều gì là sai và để đảm bảo rằng các trang này (và bất kỳ trang nào trong tương lai bạn viết) sẽ được hiển thị đúng trên các trình duyệt, không có lỗi?

Xác nhận là câu trả lời! Có nhiều công cụ có sẵn, từ W3C và các nơi khác, cho phép bạn xác thực mã trên các trang web của bạn. Trình xác nhận phổ biến nhất mà bạn sẽ sử dụng là:

• Trình xác nhận Đây là một trong những chúng tôi đề xuất nếu bạn đang sử dụng HTML5 DocType, cũng rất được khuyến khích.
• Trình xác thực đánh dấu W3C: Điều này xem xét (x) HTML Doctype cho tài liệu bạn muốn kiểm tra, và sau đó xác thực đánh dấu của bạn cho phù hợp. Đây là một trong những chúng tôi đề xuất nếu bạn đang sử dụng HTML4 hoặc XHTML1.x DocType. Nó xác nhận HTML5, nhưng Trình xác nhận.NU được cho là cập nhật hơn.
• Trình kiểm tra liên kết W3C: Điều này kiểm tra tài liệu và kiểm tra tất cả các liên kết để đảm bảo chúng không bị hỏng (ví dụ: giá trị trỏ đến các tài nguyên thực sự tồn tại).
• Trình xác thực W3C CSS: Điều này kiểm tra tài liệu CSS (hoặc HTML/CSS) và xác minh rằng CSS tuân theo thông số kỹ thuật đúng cách.

Trong bài viết này, chúng tôi sẽ đề cập đến cách sử dụng thứ hai trong số này, trình bày cách xác nhận đánh dấu và giải thích các loại kết quả điển hình mà trình xác nhận cung cấp cho bạn.

Lỗi

Trong lập trình máy tính - bao gồm các ngôn ngữ đánh dấu - thường có hai loại lỗi có mã:

• Lỗi cú pháp - Các lỗi này thường liên quan đến một lỗi khiến máy tính không thể thực thi hoặc biên dịch chương trình đúng cách (ví dụ: một cú đúp hoặc dấu ngoặc đơn bị thiếu).
• Lỗi logic - Những lỗi này phát sinh khi mã chính xác về mặt cú pháp nhưng không làm chính xác những gì nó có nghĩa là làm.

Với hầu hết các ngôn ngữ lập trình, loại lỗi đầu tiên là không thể bỏ qua. Mã sẽ từ chối biên dịch hoặc chạy cho đến khi lỗi được sửa và trình biên dịch thường sẽ cảnh báo lập trình viên về lỗi và số dòng mà nó có thể được tìm thấy. Điều này làm cho việc tìm kiếm và sửa lỗi cú pháp dễ dàng hơn nhiều so với các lỗi logic, điều này dẫn đến những khoảnh khắc gãi đầu chung của đó, tại sao nó lại làm những gì tôi muốn? Trình xác nhận, như bạn có thể mong đợi, chỉ có thể tìm thấy lỗi cú pháp.

Mặc dù HTML là ngôn ngữ đánh dấu khai báo chứ không phải là ngôn ngữ lập trình thủ tục, các lỗi cú pháp vẫn có thể xảy ra. Tuy nhiên, các lỗi cú pháp trong một trang web thường không khiến trình duyệt web từ chối hiển thị trang. Sự tha thứ vốn có này trong các trình duyệt web là một trong những lý do lớn nhất cho việc áp dụng và lan truyền nhanh chóng trên web. Ngay cả khi bạn quên đóng thẻ, trang của bạn thường vẫn hiển thị.

Trình duyệt web đầu tiên, Worldwideweb (được viết bởi Tim Berners-Lee), cũng là một biên tập viên, cho phép các tác giả tạo các trang web mà không cần học HTML. Mặc dù Trình chỉnh sửa này đã tạo HTML không hợp lệ, nhưng nó đã thiết lập một tiền lệ quan trọng tồn tại trong tất cả các trình duyệt web cho đến ngày nay - cho phép người dùng truy cập nội dung là quan trọng hơn là phàn nàn về các lỗi đối với những người không hiểu chúng - hoặc ở vị trí sửa chúng.

Xác nhận là gì?

Mặc dù các trình duyệt web sẽ chấp nhận mã không hợp lệ trong các trang web và cố gắng hết sức để hiển thị mã bằng cách đoán tốt nhất ý định của tác giả Làm như vậy, như bạn sẽ thấy dưới đây. Chúng tôi gọi đây là xác thực của người Viking, HTML.

Một chương trình xác thực so sánh mã HTML trong trang web với các quy tắc của docType đi kèm và cho bạn biết nếu và nơi các quy tắc đó đã bị phá vỡ.

Tại sao xác nhận?

Có một cảm giác phổ biến trong số một số nhà phát triển web rằng nếu một trang web trông ổn trong trình duyệt, thì nó không quan trọng nếu nó không xác thực (thường được nêu là, trong chức năng có vẻ đẹp). Họ mô tả xác nhận là một mục tiêu lý tưởng, nhưng không phải là một thứ gì đó là một vấn đề đen trắng.

Có một số trí tuệ trong thái độ này. Thông số kỹ thuật HTML4 không hoàn hảo và một số điều được cho là chính xác - chẳng hạn như bắt đầu một danh sách được đặt hàng với một số khác ngoài 1 - là HTML không hợp lệ. HTML5 khắc phục khá nhiều vấn đề về thông số kỹ thuật, bao gồm cả vấn đề này, nhưng bạn vẫn có thể gặp phải các tình huống mà xác thực có thể cần phải bị phá vỡ để hiển thị trang như bạn muốn. Như đã nói, hãy tìm hiểu các quy tắc để bạn biết cách phá vỡ chúng đúng cách.

Có hai lý do rất mạnh mẽ để xác nhận HTML của bạn với tư cách là tác giả của bạn:

• Bạn không phải lúc nào cũng hoàn hảo, và mã của bạn cũng vậy. Tất cả chúng ta đều phạm sai lầm và các trang web của bạn sẽ có chất lượng cao hơn (nghĩa là hoạt động nhất quán hơn) nếu bạn loại bỏ những sai lầm.
• Đó là một thực tế của cuộc sống mà trình duyệt thay đổi. Trong tương lai, có khả năng các trình duyệt sẽ ít hơn, không nhiều hơn, tha thứ khi phân tích mã không hợp lệ.

Xác nhận là hệ thống cảnh báo sớm của bạn về các lỗi trong đánh dấu của bạn có thể biểu hiện theo cách thú vị và khó sửa. Khi một trình duyệt gặp HTML không hợp lệ, nó phải đưa ra một dự đoán có giáo dục về những gì bạn muốn làm - và các trình duyệt khác nhau có thể đưa ra các câu trả lời khác nhau.

Các trình duyệt khác nhau diễn giải HTML không hợp lệ khác nhau

HTML hợp lệ là hợp đồng duy nhất bạn có với các nhà sản xuất trình duyệt. Thông số kỹ thuật HTML cho biết bạn nên viết tài liệu như thế nào và cách chúng nên giải thích chúng. Trong thời gian gần đây, việc tuân thủ tiêu chuẩn của các trình duyệt đã đạt đến điểm, miễn là bạn viết mã hợp lệ, tất cả các trình duyệt chính nên giải thích mã của bạn theo cùng một cách. Điều này hầu như luôn luôn là trường hợp của HTML ít nhất, với các tiêu chuẩn khác có thêm một vài khác biệt về hỗ trợ ở đây và đó.

Nhưng điều gì xảy ra khi bạn vượt qua mã không hợp lệ của trình duyệt? Câu trả lời là việc xử lý lỗi trình duyệt xuất hiện để tìm ra những việc cần làm với mã. Về cơ bản, nó nói rằng, mã này không xác thực, vậy làm thế nào để tôi trình bày trang này cho người dùng cuối?

Nghe có vẻ tuyệt vời, phải không? Nếu bạn để lại một vài lỗi trong trang của bạn, trình duyệt sẽ điền vào các khoảng trống cho bạn! Không phải như vậy, như mỗi trình duyệt làm mọi thứ khác nhau. Xem xét mã sau:

<p><strong>This text should be boldp>
<p>Should this text be bold? How does the HTML look when rendered?p>

<p><a href="#">strong>This text should be a linkp>
<p>Should this text be a link? How does the HTML look when rendered?p>

Các lỗi là (1) phần tử mạnh được lồng không chính xác trên nhiều phần tử khối và (2) phần tử neo không được đóng. Khi bạn cố gắng hiển thị mã này trong các trình duyệt khác nhau, họ diễn giải nó theo những cách rất khác nhau:strong element is incorrectly nested across multiple block elements, and (2) the anchor element is not closed. When you try to display this code in different browsers, they interpret it in very different ways:

• Opera làm cho các yếu tố tiếp theo trẻ em của yếu tố táo bạo.bold element.
• Firefox bổ sung thêm các yếu tố táo bạo giữa các đoạn văn, không có trong đánh dấu.bold elements between the paragraphs, which were not present in the markup.
• Internet Explorer đặt văn bản văn bản Văn bản này phải là một liên kết bên ngoài thẻ neo tạo liên kết.anchor tag that creates the link.

Phiên bản gốc này của ví dụ này có thể được tìm thấy trong bài viết của Hallvord Steen, cùng một lỗi DOM, các diễn giải trình duyệt khác nhau - đọc điều này để xử lý sâu hơn các lỗi HTML, cũng như một số thông tin về các công cụ gỡ lỗi.

Không ai trong số các trình duyệt khác nhau hành vi của người Viking là không chính xác; Tất cả họ đều cố gắng điền vào các khoảng trống của mã không chính xác của bạn, họ chỉ làm điều đó khác nhau. Điểm mấu chốt là, tránh đánh dấu không hợp lệ trong các trang của bạn nếu có thể!

Lưu ý rằng HTML5 sửa chữa điều này ở một mức độ nào đó; Lần đầu tiên trong lịch sử của HTML, nó xác định cách các trình duyệt nên xử lý đánh dấu được hình thành xấu. Tuy nhiên, tại thời điểm viết bài này, hỗ trợ cho việc xử lý lỗi HTML5 này không phổ biến trên các trình duyệt, vì vậy bạn có thể dựa vào nó.

Cách xác thực các trang của bạn

Bây giờ chúng tôi đã khám phá lý thuyết đằng sau việc xác thực HTML của bạn, hãy để nói về phần dễ dàng - xác thực thực tế. Được rồi, điều đó không hoàn toàn chính xác. Đặt một URL vào trình xác thực để xem liệu trang này có hợp lệ hay không; Tìm ra những gì sai và sửa lỗi đôi khi không dễ dàng, vì các thông báo lỗi đôi khi có thể hơi khó hiểu. Hãy cùng nhìn vào một số ví dụ.

Ví dụ mà chúng tôi sẽ xem xét trong phần này là bên dưới; Vui lòng sao chép và dán nó vào một trang mới trong trình soạn thảo yêu thích của bạn.

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Validating your HTMLtitle>
  head>
  <body>
    <h2>The tale of Herbet Gruelh2>
    <p>Welcome to my story. I am a slight whisp of a man, slender and fragile, features wrinkled and worn, eyes sunken into their sockets like rabbits cowering in their burrows. The <em>years have not been kind to meem>, but yet I hold no regrets, as I have overcome all that sought to ail me, and have been allowed to bide my time, making mischief as I travel to and fro, 'cross the unyielding landscape of the <a href="http://outer-rim-rocks.co.uk" colspan="3">outer rima>.p>

    <h3>Busterh3>
    <p>Buster is my guardian angel. Before that, he was my dog. Before that, who knows? I lost my dog many moons ago while out hunting geese in the undergrowth. A shot rang out from my rifle, and I called for Buster to collect the goose I had felled. He ran off towards where the bird had landed, but never returned. I never found his body, but I comfort myself with the thought that he did not die; rather he transcended to a higher place, and now watches over me, to ensure my well-being.

    <h3>My possessionsh3>
    <p>A travelling man needs very little to accompany him on the road:p>
    <ul>
      <li>My hat full of memoriesli>
      <li>My trusty walking caneli>
      <li>A purse that did contain gold at one timeli>
      <li>A diary, from the year 1874<li>
      <li>An empty glasses caseli>
      <li>A newspaper, for when I need to look busyli>
    ul>
  body>

Trang đơn giản này bao gồm ba tiêu đề, ba đoạn văn, một siêu liên kết và một danh sách không có thứ tự. Nó sử dụng XHTML 1.0 Strict DocType làm quy tắc của nó được đặt để xác nhận. .

Trình xác thực W3C HTML

Mở trình xác nhận trực tuyến W3C trong một tab hoặc cửa sổ mới, để bạn có thể chuyển đổi giữa trình xác thực và bài viết này khi bạn xem qua ví dụ. .

Bạn sẽ nhận thấy rằng trình xác nhận có sẵn ba tab trên đầu giao diện:

• Xác thực bởi URI: Cho phép bạn nhập địa chỉ của một trang đã có trên Internet để xác thực.
• Xác thực bằng tệp tải lên: Cho phép bạn tải lên tệp HTML cục bộ để xác thực.
• Xác thực bằng đầu vào trực tiếp: Cho phép bạn dán HTML trực tiếp vào cửa sổ để xác thực.

Bất cứ phương pháp nào bạn sử dụng sẽ cung cấp cho bạn cùng một kết quả; Nó dễ dàng nhất để kiểm tra trang ví dụ từ đây bằng cách sao chép mã ví dụ đầy đủ từ phía trên và dán nó vào tab thứ ba. Làm như vậy sẽ cung cấp cho bạn kết quả được hiển thị trong Hình 1:

Hình 1: Kết quả xác thực tài liệu mẫu - 11 lỗi!

Điều này nghe có vẻ đáng lo ngại, đặc biệt là khi chúng tôi nói với bạn rằng không có 11 lỗi trong tài liệu! Don Tiết tuyệt vọng - Trình xác nhận đang báo cáo nhiều lỗi hơn thực tế. Điều này là do thường là một lỗi ở đầu trang sẽ xếp tầng, làm cho trình xác nhận báo cáo nhiều lỗi hơn nữa, vì có vẻ như nhiều yếu tố không bị đóng hoặc lồng nhau không chính xác. Bạn chỉ cần suy nghĩ về ý nghĩa của các thông báo lỗi, tìm kiếm các lỗi rõ ràng trong đánh dấu và làm việc từ trên xuống. Bảng 1 bên dưới cho thấy tất cả các lỗi chúng tôi đã sửa để làm cho trang xác thực, cùng với logic của chúng tôi để tìm ra những gì sai và các bản sửa lỗi chúng tôi đã áp dụng để giải quyết vấn đề.not 11 errors in the document! Don’t despair — the validator is reporting more errors than there actually are. This is because often an error at the top of the page will cascade, making the validator report more errors further down, as it looks like more elements are not closed or incorrectly nested. You just have to think about what the error messages mean, look for obvious errors in the markup, and work from the top down. Table 1 below shows all of the errors we fixed to make the page validate, along with our logic for working out what was wrong, and the fixes we applied to solve the problem.

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Validating your HTMLtitle>
  head>
  <body>
    <h2>The tale of Herbet Gruelh2>
    <p>Welcome to my story. I am a slight whisp of a man, slender and fragile, features wrinkled and worn, eyes sunken into their sockets like rabbits cowering in their burrows. The <em>years have not been kind to meem>, but yet I hold no regrets, as I have overcome all that sought to ail me, and have been allowed to bide my time, making mischief as I travel to and fro, 'cross the unyielding landscape of the <a href="http://outer-rim-rocks.co.uk" colspan="3">outer rima>.p>

    <h3>Busterh3>
    <p>Buster is my guardian angel. Before that, he was my dog. Before that, who knows? I lost my dog many moons ago while out hunting geese in the undergrowth. A shot rang out from my rifle, and I called for Buster to collect the goose I had felled. He ran off towards where the bird had landed, but never returned. I never found his body, but I comfort myself with the thought that he did not die; rather he transcended to a higher place, and now watches over me, to ensure my well-being.

    <h3>My possessionsh3>
    <p>A travelling man needs very little to accompany him on the road:p>
    <ul>
      <li>My hat full of memoriesli>
      <li>My trusty walking caneli>
      <li>A purse that did contain gold at one timeli>
      <li>A diary, from the year 1874<li>
      <li>An empty glasses caseli>
      <li>A newspaper, for when I need to look busyli>
    ul>
  body>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Validating your HTMLtitle>
  head>
  <body>
    <h2>The tale of Herbet Gruelh2>
    <p>Welcome to my story. I am a slight whisp of a man, slender and fragile, features wrinkled and worn, eyes sunken into their sockets like rabbits cowering in their burrows. The <em>years have not been kind to meem>, but yet I hold no regrets, as I have overcome all that sought to ail me, and have been allowed to bide my time, making mischief as I travel to and fro, 'cross the unyielding landscape of the <a href="http://outer-rim-rocks.co.uk" colspan="3">outer rima>.p>

    <h3>Busterh3>
    <p>Buster is my guardian angel. Before that, he was my dog. Before that, who knows? I lost my dog many moons ago while out hunting geese in the undergrowth. A shot rang out from my rifle, and I called for Buster to collect the goose I had felled. He ran off towards where the bird had landed, but never returned. I never found his body, but I comfort myself with the thought that he did not die; rather he transcended to a higher place, and now watches over me, to ensure my well-being.

    <h3>My possessionsh3>
    <p>A travelling man needs very little to accompany him on the road:p>
    <ul>
      <li>My hat full of memoriesli>
      <li>My trusty walking caneli>
      <li>A purse that did contain gold at one timeli>
      <li>A diary, from the year 1874<li>
      <li>An empty glasses caseli>
      <li>A newspaper, for when I need to look busyli>
    ul>
  body>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Validating your HTMLtitle>
  head>
  <body>
    <h2>The tale of Herbet Gruelh2>
    <p>Welcome to my story. I am a slight whisp of a man, slender and fragile, features wrinkled and worn, eyes sunken into their sockets like rabbits cowering in their burrows. The <em>years have not been kind to meem>, but yet I hold no regrets, as I have overcome all that sought to ail me, and have been allowed to bide my time, making mischief as I travel to and fro, 'cross the unyielding landscape of the <a href="http://outer-rim-rocks.co.uk" colspan="3">outer rima>.p>

    <h3>Busterh3>
    <p>Buster is my guardian angel. Before that, he was my dog. Before that, who knows? I lost my dog many moons ago while out hunting geese in the undergrowth. A shot rang out from my rifle, and I called for Buster to collect the goose I had felled. He ran off towards where the bird had landed, but never returned. I never found his body, but I comfort myself with the thought that he did not die; rather he transcended to a higher place, and now watches over me, to ensure my well-being.

    <h3>My possessionsh3>
    <p>A travelling man needs very little to accompany him on the road:p>
    <ul>
      <li>My hat full of memoriesli>
      <li>My trusty walking caneli>
      <li>A purse that did contain gold at one timeli>
      <li>A diary, from the year 1874<li>
      <li>An empty glasses caseli>
      <li>A newspaper, for when I need to look busyli>
    ul>
  body>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Validating your HTMLtitle>
  head>
  <body>
    <h2>The tale of Herbet Gruelh2>
    <p>Welcome to my story. I am a slight whisp of a man, slender and fragile, features wrinkled and worn, eyes sunken into their sockets like rabbits cowering in their burrows. The <em>years have not been kind to meem>, but yet I hold no regrets, as I have overcome all that sought to ail me, and have been allowed to bide my time, making mischief as I travel to and fro, 'cross the unyielding landscape of the <a href="http://outer-rim-rocks.co.uk" colspan="3">outer rima>.p>

    <h3>Busterh3>
    <p>Buster is my guardian angel. Before that, he was my dog. Before that, who knows? I lost my dog many moons ago while out hunting geese in the undergrowth. A shot rang out from my rifle, and I called for Buster to collect the goose I had felled. He ran off towards where the bird had landed, but never returned. I never found his body, but I comfort myself with the thought that he did not die; rather he transcended to a higher place, and now watches over me, to ensure my well-being.

    <h3>My possessionsh3>
    <p>A travelling man needs very little to accompany him on the road:p>
    <ul>
      <li>My hat full of memoriesli>
      <li>My trusty walking caneli>
      <li>A purse that did contain gold at one timeli>
      <li>A diary, from the year 1874<li>
      <li>An empty glasses caseli>
      <li>A newspaper, for when I need to look busyli>
    ul>
  body>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Validating your HTMLtitle>
  head>
  <body>
    <h2>The tale of Herbet Gruelh2>
    <p>Welcome to my story. I am a slight whisp of a man, slender and fragile, features wrinkled and worn, eyes sunken into their sockets like rabbits cowering in their burrows. The <em>years have not been kind to meem>, but yet I hold no regrets, as I have overcome all that sought to ail me, and have been allowed to bide my time, making mischief as I travel to and fro, 'cross the unyielding landscape of the <a href="http://outer-rim-rocks.co.uk" colspan="3">outer rima>.p>

    <h3>Busterh3>
    <p>Buster is my guardian angel. Before that, he was my dog. Before that, who knows? I lost my dog many moons ago while out hunting geese in the undergrowth. A shot rang out from my rifle, and I called for Buster to collect the goose I had felled. He ran off towards where the bird had landed, but never returned. I never found his body, but I comfort myself with the thought that he did not die; rather he transcended to a higher place, and now watches over me, to ensure my well-being.

    <h3>My possessionsh3>
    <p>A travelling man needs very little to accompany him on the road:p>
    <ul>
      <li>My hat full of memoriesli>
      <li>My trusty walking caneli>
      <li>A purse that did contain gold at one timeli>
      <li>A diary, from the year 1874<li>
      <li>An empty glasses caseli>
      <li>A newspaper, for when I need to look busyli>
    ul>
  body>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Validating your HTMLtitle>
  head>
  <body>
    <h2>The tale of Herbet Gruelh2>
    <p>Welcome to my story. I am a slight whisp of a man, slender and fragile, features wrinkled and worn, eyes sunken into their sockets like rabbits cowering in their burrows. The <em>years have not been kind to meem>, but yet I hold no regrets, as I have overcome all that sought to ail me, and have been allowed to bide my time, making mischief as I travel to and fro, 'cross the unyielding landscape of the <a href="http://outer-rim-rocks.co.uk" colspan="3">outer rima>.p>

    <h3>Busterh3>
    <p>Buster is my guardian angel. Before that, he was my dog. Before that, who knows? I lost my dog many moons ago while out hunting geese in the undergrowth. A shot rang out from my rifle, and I called for Buster to collect the goose I had felled. He ran off towards where the bird had landed, but never returned. I never found his body, but I comfort myself with the thought that he did not die; rather he transcended to a higher place, and now watches over me, to ensure my well-being.

    <h3>My possessionsh3>
    <p>A travelling man needs very little to accompany him on the road:p>
    <ul>
      <li>My hat full of memoriesli>
      <li>My trusty walking caneli>
      <li>A purse that did contain gold at one timeli>
      <li>A diary, from the year 1874<li>
      <li>An empty glasses caseli>
      <li>A newspaper, for when I need to look busyli>
    ul>
  body>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Validating your HTMLtitle>
  head>
  <body>
    <h2>The tale of Herbet Gruelh2>
    <p>Welcome to my story. I am a slight whisp of a man, slender and fragile, features wrinkled and worn, eyes sunken into their sockets like rabbits cowering in their burrows. The <em>years have not been kind to meem>, but yet I hold no regrets, as I have overcome all that sought to ail me, and have been allowed to bide my time, making mischief as I travel to and fro, 'cross the unyielding landscape of the <a href="http://outer-rim-rocks.co.uk" colspan="3">outer rima>.p>

    <h3>Busterh3>
    <p>Buster is my guardian angel. Before that, he was my dog. Before that, who knows? I lost my dog many moons ago while out hunting geese in the undergrowth. A shot rang out from my rifle, and I called for Buster to collect the goose I had felled. He ran off towards where the bird had landed, but never returned. I never found his body, but I comfort myself with the thought that he did not die; rather he transcended to a higher place, and now watches over me, to ensure my well-being.

    <h3>My possessionsh3>
    <p>A travelling man needs very little to accompany him on the road:p>
    <ul>
      <li>My hat full of memoriesli>
      <li>My trusty walking caneli>
      <li>A purse that did contain gold at one timeli>
      <li>A diary, from the year 1874<li>
      <li>An empty glasses caseli>
      <li>A newspaper, for when I need to look busyli>
    ul>
  body>

Với bốn lỗi này đã được sửa, bảy lỗi còn lại biến mất và trình xác nhận hiện cung cấp một thông báo thành công thỏa mãn, như trong Hình 2:

Hình 2: Một thông báo thành công để nói rằng tất cả các lỗi của tôi đã được sửa.

Dưới đây là phiên bản đã sửa của mã; Vui lòng sao chép và dán nó vào một trang mới trong trình soạn thảo yêu thích của bạn.

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Validating your HTMLtitle>
  head>
  <body>
    <h2>The tale of Herbet Gruelh2>
    <p>Welcome to my story. I am a slight whisp of a man, slender and fragile, features wrinkled and worn, eyes sunken into their sockets like rabbits cowering in their burrows. The <em>years have not been kind to meem>, but yet I hold no regrets, as I have overcome all that sought to ail me, and have been allowed to bide my time, making mischief as I travel to and fro, 'cross the unyielding landscape of the <a href="http://outer-rim-rocks.co.uk">outer rima>.p>

    <h3>Busterh3>
    <p>Buster is my guardian angel. Before that, he was my dog. Before that, who knows? I lost my dog many moons ago while out hunting geese in the undergrowth. A shot rang out from my rifle, and I called for Buster to collect the goose I had felled. He ran off towards where the bird had landed, but never returned. I never found his body, but I comfort myself with the thought that he did not die; rather he transcended to a higher place, and now watches over me, to ensure my well-being.p>

    <h3>My possessionsh3>
    <p>A travelling man needs very little to accompany him on the road:p>
    <ul>
      <li>My hat full of memoriesli>
      <li>My trusty walking caneli>
      <li>A purse that did contain gold at one timeli>
      <li>A diary, from the year 1874li>
      <li>An empty glasses caseli>
      <li>A newspaper, for when I need to look busyli>
    ul>
  body>
html>

Sự kết luận

Đó là tất cả những gì có, thực sự. Bạn chỉ cần giữ cho trí thông minh của bạn về bạn, mã cẩn thận và hãy nhớ những gì mà trang của bạn đang được xác nhận.

Xem thêm

Tài nguyên bên ngoài

• Opera Dragonfly (tích hợp trong opera)
• Bookmarklet xác thực chung
• Phần mở rộng thanh công cụ dành cho nhà phát triển web Firefox
• Thanh công cụ phát triển IE
• Safari gọn gàng
• HTML TIDY

Câu hỏi tập thể dục

• Điều gì xảy ra khi trình duyệt phân tích cú pháp HTML không hợp lệ?
• Vấn đề với điều này là gì?
• Liệu sử dụng khung trong một tài liệu được xác thực đối với HTML 4 nghiêm ngặt do DocType tạo ra một lỗi?

Tại sao xác nhận lại quan trọng trong HTML?

Xác thực hình thức là gì?

Xác nhận trong mã hóa là gì?

Các công cụ xác thực HTML là gì?