미숑이의 블로그
블로그 홈소개

© 2025 Ryu Mi Sung. All rights reserved.

목차

마크업 유효성 검사 서비스란 무엇?
How to do CSS Validation
1) 구글에 css validation 검색
2) 직접 입력 탭으로 이동
3) 코드 붙여넣기
4) 추가 설정
5-1) 결과 확인하기 - 오류가 없다면
5-2) 결과 확인하기 - 오류가 있다면
ETC

마크업 유효성 검사 서비스 이용하기

류미성
2024년 8월 14일

마크업 유효성 검사 서비스란 무엇?

  • 인터넷 사용자가 HTML5 이전 HTML 및 XHTML 문서에서 문서 유형 정의에 대해 올바른 형식의 마크업을 확인할 수 있도록 하는 W3C(월드 와이드 웹 컨소시엄)의 유효성 검사기
  • But! 웹 표준 준수를 완벽하게 측정 하는 것은 아니다.
  • 브라우저 호환성과 사이트 유용성에 중요하지만 검색 엔진 최적화에 어떤 영향을 미치는지는 확인되지 않았다.
  • 🔗 The W3C Markup Validation Service
  • 🔗 The W3C CSS Validation Service

How to do CSS Validation

1) 구글에 css validation 검색

137089bb-d75e-4578-a1cc-a236c50543e1.png

2) 직접 입력 탭으로 이동

c894f852-1bc0-4018-9f7e-efa858eb2cb0.png

3) 코드 붙여넣기

366658e0-7a81-4587-81d5-563575891aff.png

4) 추가 설정

2c94c32f-bb75-4f7c-a7d5-d902abd4c112.png

5-1) 결과 확인하기 - 오류가 없다면

  • 상단 메뉴에서 경고(1), 검사 된 CSS 항목도 확인이 가능하다

e3969885-7ca4-47e5-87fe-87b2fd2297f8.png

5-2) 결과 확인하기 - 오류가 있다면

  • 의도적으로 15px이 아닌 border-radius: 15p; 을 입력해보니, 5번째 줄에 오류가 있음을 알려준다
  • ; (세미콜론) 도 의도적으로 제거해 보았는데, 이 부분은 경고에도 출력되지 않았다.

3148bee8-38a9-456b-8108-8dda699fc0e4.png