웹 페이지를 작성하고 나면 이 HTML 페이지가 웹 표준에 맞게 작성이 된 것인지 아닌지 체크를 하고 싶을때가 있습니다. 초보 웹 퍼블리셔(웹디자이너), 웹 개발자라면 웹 표준 검사를 계속적으로 하면서 웹 표준 가이드에 맞게 작성하는 법에 익숙해질 필요가 있습니다.(물론, 저 포함~ 저도 초보니까)
W3C Validator 사이트를 이용해서 웹 표준 검사를 할 수 있습니다. https://validator.w3.org/
웹 페이지를 웹 서버에 올려서 해당 URL만 입력해서 검사를 할 수도 있는데요. 일단, 지금은 별도의 웹 서버가 없으니까, 로컬에서 임의로 html 파일을 만들어서 그 파일을 업로드해서 웹 표준 검사를 진행해보겠습니다.
저는 간략하게 아래처럼 html 파일을 만들겠습니다.
|
1
2
3
4
5
6
7
8
|
<html>
<head>
<title>웹 표준 테스트 샘플 파일</title>
</head>
<body>
<h1>여기는 본문 영역</h1>
</body>
</html>
|
cs |
sample.html 이라고 파일을 저장하고, W3C Validator 사이트로 이동하겠습니다.
The W3C Markup Validation Service
Validate by File Upload Note: 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.
validator.w3.org
해당 사이트에서 Validate by File Upload 탭을 클릭하고 나서 파일 선택 버튼을 누르고 좀 전에 로컬에 저장한 html 파일을 선택해줍니다. 그리고 Check 버튼을 클릭해줍니다.
그럼, 아래처럼 결과가 나오는데요.
총 3가지과 검출되었네요. 1개의 Warning 과 2개의 Error인데요. Warning 같은 경우는 필수 수정사항은 아니겠지만, 그래도 수정할 수 있으면 수정하는게 좋을 것 같네요.
|
1
2
3
4
5
6
7
8
9
10
|
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset='utf-8' />
<title>웹 표준 테스트 샘플 파일</title>
</head>
<body>
<h1>여기는 본문 영역</h1>
</body>
</html>
|
cs |
저는 위 처럼 수정하고 다시 업로드해서 다시 검증하였습니다. 그랬더니 아래와 같이 뜨네요.
Document checking completed. No errors or warnings to show.
해당 문서에서 에러와 경고를 찾을 수 없다고 뜨네요.
이런 식으로 본인이 작성한 웹페이지를 손쉽게 웹 표준 검사를 할 수가 있습니다.