[HTML, CSS 기초 쌓기] HTML 문서 유효성 검사 툴 소개

안녕하세요!

HTML, CSS의 기초를 공부하고 있는 주갬입니다.

 

오늘은 HTML을 공부하실 때 유용한 사이트를 소개해 드리려고 합니다.

 

 

 

HTML은 마크업 언어로 정해진 문법에 따라 문서의 구조를 표현합니다.

마크업 언어(markup 言語, markup language)는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다.

태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다. 이러한 태그 방법의 체계를 마크업 언어라 한다. _wiki

 

 

이 사이트는 작성된 HTML 문서가 마크업언어의 문법에 맞게 쓰여졌는지 유효성 검사를 해주는 사이트로, HTML 공부를 할 때 유용하게 쓰실 수 있습니다.

 

https://validator.w3.org/

The W3C Markup Validation Service

 

 

URI와 File Upload, Direct Input 으로 세가지 방식이 있으며, 저는 Direct Input방식으로 제 코드중 일부를 검사해보았습니다.

코드를 입력하고 CHECK버튼을 누르면

 

다음과 같이 마크업 문법에 따라 warning과 error가 뜨며 내용을 설명해줍니다.

 

 

HTML을 공부하시는 분들이 유용하게 사용하시면 좋을 것 같네요!