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

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

• 인터넷 사용자가 HTML5 이전 HTML 및 XHTML 문서에서 문서 유형 정의에 대해 올바른 형식의 마크업을 확인할 수 있도록 하는 W3C(월드 와이드 웹 컨소시엄)의 유효성 검사기

• But! 웹 표준 준수를 완벽하게 측정 하는 것은 아니다.

• 브라우저 호환성과 사이트 유용성에 중요하지만 검색 엔진 최적화에 어떤 영향을 미치는지는 확인되지 않았다.

• 🔗 The W3C Markup Validation Service

• 🔗 The W3C CSS Validation Service

❓How to do CSS Validation

1 ) 구글에 css validation 검색

2 ) 직접 입력 탭으로 이동

3 ) 코드 붙여넣기

4 ) 추가 설정

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

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

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

• 의도적으로 15px이 아닌 border-radius: 15p; 을 입력해보니, 5번째 줄에 오류가 있음을 알려준다

• ; (세미콜론) 도 의도적으로 제거해 보았는데, 이 부분은 경고에도 출력되지 않았다.