Hướng dẫn how do you verify html? - làm thế nào để bạn xác minh html?

Xác thực bởi URI

Xác thực một tài liệu trực tuyến:

Địa chỉ nhà:

Xác thực bằng cách tải lên tệp

Tải lên một tài liệu để xác thực:

File:

Báo cáo dài dòng: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website.

Nội dung

• 1Introduction Introduction
• 2Errors Errors
• 3 Xác thực là gì? What is validation?
• 4 sao xác nhận? Why validate?
• Các trình duyệt 5Differenter diễn giải HTML không hợp lệ khác nhau Different browsers interpret invalid HTML differently
• 6 Làm thế nào để xác nhận các trang của bạn How to validate your pages
  • 6.1 Trình xác thực HTML W3C The W3C HTML validator
• 7Summary Summary
• Công cụ 8further để kiểm tra Further tools to check out
• Câu hỏi 9Exercise Exercise questions

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ị ok cho bạ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. Ba 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, giống như chúng tôi làm trong hầu hết các khóa học này.
• Trình xác thực đánh dấu W3C: Điều này xem xét (x) HTML Doctype mà bạn đang sử dụng cho tài liệu bạn cung cấp để kiểm tra, sau đó kiểm tra đá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 xem qua một tài liệu bạn cung cấp để kiểm tra và kiểm tra tất cả các liên kết bên trong tài liệu đó để đảm bảo chúng không bị hỏng (tức là các giá trị chỉ vào các tài nguyên không tồn tại).
• Trình xác nhận W3C CSS: Như bạn có thể đoán, điều này sẽ đi qua tài liệu CSS (hoặc HTML/CSS) và kiểm tra xem CSS có tuân theo thông số kỹ thuật CSS đúng không.

Trong bài viết chương trình giảng dạy tiêu chuẩn web này, chúng tôi sẽ đề cập đến cách sử dụng hai trong số này, chỉ cho bạn cách xác nhận đánh dấu, 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. Trình kiểm tra liên kết là rất rõ ràng và chúng tôi sẽ bao gồm gỡ lỗi CSS sau này trong khóa học.

Lỗi

Trong lập trình máy tính, có nhiều loại vấn đề với mã:

• Lỗi cú pháp - Đây là một lỗi trong việc viết mã 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.
• Lỗi lập trình (hoặc logic) - Đây là nơi mã không phản ánh hoàn toàn mục đích của lập trình viên.

Với hầu hết các ngôn ngữ lập trình, lỗi đầu tiên cực kỳ dễ phát hiện - chương trình của bạn sẽ từ chối chạy hoặc biên dịch cho đến khi lỗi được sửa. Điều này làm cho việc tìm kiếm và sửa chữa các loại lỗi này dễ dàng hơn nhiều trong những khoảnh khắc gãi đầu chung của đó, vậy tại sao nó lại làm những gì tôi muốn?

HTML không phải là ngôn ngữ lập trình. Lỗi cú pháp trong một trang web thường không khiến trình duyệt web từ chối mở trang (mặc dù XHTML có xu hướng nghiêm ngặt hơn rất nhiều so với HTML - ít nhất là khi được phục vụ là "[XML thích hợp]"). Đây 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.

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 mọi người tạo các trang web mà không cần học HTML trước. Trình chỉnh sửa này đã tạo HTML không hợp lệ. Điều này có thể đã được sửa chữa, 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 mọi người truy cập vào 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 họ 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 các trang web xấu (không hợp lệ là thuật ngữ chính thức) 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ả, nhưng vẫn có thể kiểm tra xem HTML có được viết chính xác hay không, và thực sự là một ý tưởng tốt để 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.

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 giữa 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. 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 tại một điểm 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 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ỡ. Như đã nói:

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 tôi đều mắc lỗi 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ỏ tất cả các sai lầm.
• Trình duyệt thay đổi. Trong tương lai, có khả năng các trình duyệt sẽ ít tha thứ hơn khi phân tích mã không hợp lệ, không tha thứ hơn.

Xác nhận là hệ thống cảnh báo sớm của bạn về việc đưa các lỗi vào đánh dấu của bạn có thể biểu hiện theo những cách thú vị và khó xác định. 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 nó như thế nào và cách họ nên giải thích tài liệu của bạn. Trong thời gian gần đây, việc tuân thủ các 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 sẽ liên kết mã của bạn như nhau. Điều này hầu như luôn luôn là trường hợp của HTML, với các tiêu chuẩn khác có thêm một vài sự khác biệt về hỗ trợ ở đây và đó.

Nhưng nếu bạn vượt qua mã không hợp lệ của trình duyệt thì sao? Điều gì xảy ra sau đó? 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 OK OK, mã này không xác thực, vậy làm thế nào để chúng tôi trình bày trang này cho người dùng cuối? Hãy điền vào những khoảng trống như thế này! ”

Nghe có vẻ tuyệt vời không phải là nó? 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. Ví dụ:

This text should be bold

Should this text be bold? How does the HTML look when rendered?

This text should be a link

Should this text be a link? How does the HTML look when rendered?

Các lỗi là phần tử được lồng không chính xác trên nhiều phần tử khối và phần tử neo không được đóng. Khi bạn cố gắng hiển thị điều này trên các trình duyệt khác nhau, họ diễn giải mã theo những cách rất khác nhau:

• Opera làm cho các yếu tố tiếp theo trẻ em của yếu tố táo bạo.
• 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.
• 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.

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 nhiều về các lỗi HTML và 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. Điểm mấu chốt là, tránh đánh dấu không hợp lệ nếu có thể trong trang của bạn!

Lưu ý rằng HTML5 sửa lỗi này, vì lần đầu tiên trong lịch sử 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, 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 chưa 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á tất cả các lý thuyết đằng sau việc xác thực HTML của bạn, chúng tôi sẽ nói về phần dễ dàng - xác thực thực tế! OK, điều đó không hoàn toàn chính xác. Đặt URL vào trình xác thực và xem trang có hợp lệ hay không dễ dàng; Tìm ra những gì sai và sửa lỗi đôi khi không quá dễ dàng, vì các thông báo lỗi đôi khi có thể hơi khó hiểu. Tôi sẽ đi qua một số ví dụ dưới đây.

Ví dụ mà chúng tôi sẽ xem xét trong phần này như sau (bạn cũng có thể tải xuống hoặc xem HTML):

  
    
  
  
    
The tale of Herbet Gruel
    
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 years have not been kind to me, 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 outer rim.
    
    
Buster
    
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.
    
    
My possessions
    
A travelling man needs very little to accompany him on the road:
    

      
My hat full of memories
      
My trusty walking cane
      
A purse that did contain gold at one time
      
A diary, from the year 1874

      
An empty glasses case
      
A newspaper, for when I need to look busy
    
  

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. Có một vài lỗi trong tài liệu mà bạn sẽ khám phá dưới đây bằng trình xác thực W3C HTML. Chúng tôi đã sử dụng XHTML 1.0 nghiêm ngặt vì nó có nhiều khả năng đưa ra lỗi hơn so với HTML5 DocType.

Trình xác thực W3C HTML

W3C có sẵn Trình xác thực trực tuyến-điều hướng đến đây bằng cách nhấp chuột phải/CTRL trên siêu liên kết mà bạn thấy ở đây và chọn tùy chọn Mở trong Tab mới-sẽ rất hữu ích khi có thể chuyển đổi các tab để có được giữa trình xác thực Và bài viết này khi bạn trải qua ví dụ này.

Lưu ý rằng bạn cũng có thể xác nhận các trang trong trình xác nhận W3C từ trực tiếp trong trình duyệt Opera bằng cách nhấp chuột phải/Ctrl và chọn tùy chọn Xác thực.

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 để xác thực.
• Xác thực bằng đầu vào trực tiếp: Cho phép bạn dán nội dung của tệp HTML 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 cùng. 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 - 17 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 có 17 lỗi trong tài liệu! Don Tiết tuyệt vọng - Nó đang báo cáo nhiều lỗi hơn thực tế bởi vì thường là một lỗi ở đầu trang sẽ xếp tầng, khiến báo cáo xác thực 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 và tìm kiếm các lỗi rõ ràng trong đánh dấu. 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 đề.

Bảng 1: Các lỗi tôi đã sửa để xác nhận trang ví dụ

Thông báo lỗi	Hợp lý	Sửa chữa được thực hiện
Dòng 8, Cột 461: Không có thuộc tính "Colspan"	Chúng tôi biết rằng có một thuộc tính colspan và nó là HTML hợp lệ, vậy tại sao nó lại nói nó không tồn tại? Đợi đã, có lẽ nó có nghĩa là nó đang được sử dụng trên một yếu tố mà bạn không nên sử dụng nó? Chắc chắn, nó đang được sử dụng trên một yếu tố - sai!	Đã loại bỏ thuộc tính colspan khỏi phần tử .
Dòng 13, Cột 7: Loại tài liệu không cho phép phần tử "H3" ở đây; Thiếu một trong những "đối tượng", "applet", "bản đồ", "iframe", "nút", "in", "del" bắt đầu. Tài sản của tôi	Một lần nữa, từ cái nhìn đầu tiên, điều này có vẻ kỳ lạ - yếu tố đã được đóng lại đúng cách và được phép trong bối cảnh này. Bạn nên lưu ý rằng thường xuyên, thông báo lỗi này có nghĩa là có một yếu tố không được giải thích gần đó	Đã thêm một thẻ vào dòng trên tiêu đề trong câu hỏi.
Dòng 19, Cột 40: Loại tài liệu không cho phép phần tử "Li" ở đây; Thiếu một trong những "ul", "ol", "menu", "dir" bắt đầu thẻ. Nhật ký, từ năm 1874	Cái này khá dễ dàng - bạn có thể thấy từ dòng nó đang chỉ cho bạn, trong nháy mắt, rằng thẻ The tale of Herbet Gruel 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 years have not been kind to me, 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 outer rim. Buster 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. My possessions A travelling man needs very little to accompany him on the road: My hat full of memories My trusty walking cane A purse that did contain gold at one time A diary, from the year 1874 An empty glasses case A newspaper, for when I need to look busy 0 có một dấu gạch chéo bị thiếu (/) bị thiếu (/)	Đã thêm một chém đóng vào dòng trong câu hỏi.
Dòng 23, Cột 9: Thẻ kết thúc cho "HTML" bị bỏ qua, nhưng Omittag NO được chỉ định.	Một lần nữa, nó không mất nhiều thời gian để giải quyết rằng điều này có nghĩa là thẻ The tale of Herbet Gruel 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 years have not been kind to me, 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 outer rim. Buster 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. My possessions A travelling man needs very little to accompany him on the road: My hat full of memories My trusty walking cane A purse that did contain gold at one time A diary, from the year 1874 An empty glasses case A newspaper, for when I need to look busy 1 cuối cùng bị thiếu. Giải thích thông báo lỗi thậm chí bắt đầu với bạn có thể đã bỏ qua để đóng một yếu tố.	Đã thêm phần tử The tale of Herbet Gruel 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 years have not been kind to me, 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 outer rim. Buster 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. My possessions A travelling man needs very little to accompany him on the road: My hat full of memories My trusty walking cane A purse that did contain gold at one time A diary, from the year 1874 An empty glasses case A newspaper, for when I need to look busy 1 bị thiếu.

Với các lỗi này đã được sửa, trình xác thực hiện cung cấp một thông báo thành công khá 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.

Đây là tất cả những gì có thực sự. Bạn chỉ cần giữ trí thông minh của bạn về bạn và hãy nhớ những gì trang của bạn đang được xác nhận. Tải xuống hoặc xem phiên bản cố định của HTML

Bản tóm tắt

Sau khi đọc bài viết này, bạn nên thoải mái với việc sử dụng trình xác nhận W3C trực tuyến để xác thực HTML của bạn. Đây thực sự là phần nổi của tảng băng liên quan đến xác thực - có những công cụ phức tạp hơn được liệt kê dưới đây, điều này sẽ giúp bạn ra ngoài khi các trang của bạn bắt đầu trở nên lớn hơn và phức tạp hơn.

Các công cụ tiếp theo để kiểm tra

• 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?

Lưu ý: Tài liệu này ban đầu được xuất bản như một phần của chương trình giảng dạy tiêu chuẩn web Opera, có sẵn là 24: Xác thực HTML của bạn, được viết bởi Mark Norman Francis. Giống như bản gốc, nó được xuất bản dưới sự phân bổ Creative Commons, không thương mại - Giấy phép chia sẻ 2.5.

---

Tiếp theo: Khả năng tiếp cận: Khái niệm cơ bản về khả năng tiếp cận.

HTML xác thực có nghĩa là gì?

Xác thực HTML là một kiểm tra để xem mã nguồn của trang web có tuân thủ các tiêu chuẩn nhất định hay không. Lỗi thường được tô sáng để giúp chủ sở hữu thực hiện sửa chữa trước khi kiểm tra lại.a check to see if a website's source code complies with certain standards. Errors are usually highlighted to help the owner make corrections before testing again.

Làm thế nào bạn sẽ kiểm tra HTML có hợp lệ hay không và cũng mã hóa nó?

Cho String Str, nhiệm vụ là kiểm tra xem đó có phải là thẻ HTML hợp lệ hay không bằng cách sử dụng biểu thức chính quy ...

Ở đâu: ... .

Khớp với chuỗi đã cho với biểu thức thông thường.....

Trả về true nếu chuỗi khớp với biểu thức thông thường đã cho, nếu không trả về sai ..

Công cụ nào được sử dụng để kiểm tra tính hợp lệ của HTML?

Xác thực đánh dấu W3C là một nguồn mở và dịch vụ miễn phí do W3C cung cấp để kiểm tra các xác nhận của các tài liệu.Nó là thành thạo trong việc kiểm tra HTML, XHTML, MATHML, SMIL, SVG, SGML, XML DTD xác nhận cho các ứng dụng. is an open source and free service provided by W3C to check the validations of the documents. It is versed in checking HTML, XHTML, MathML, SMIL, SVG , SGML, XML DTD validations for the applications.

Làm thế nào một nhà phát triển web có thể xác nhận mã HTML?

Xác nhận mẫu HTML..

Trong tab Xem của bạn, điều hướng xem → Nhà phát triển → Xem nguồn hoặc nhấn lệnh-exption-u.....

Chọn toàn bộ nội dung HTML trong tệp và sao chép chúng ..

Trong trình duyệt web của bạn, hãy mở một tab mới cho trình xác thực HTML của W3C ..

Nếu chưa được chọn, hãy chọn tab có nội dung "Xác thực bằng đầu vào trực tiếp".