HTML, CSS, Javascript 배포전에 표준에 맞게 코드를 작성했는지 확인하기

HTML이 웹 표준에 맞춰 작성 돼있나?

 

웹페이지를 만든후, 배포하기 위해서는 웹 표준검사와 웹접근성 검사가 필요하다. 이를 위해서 아래의 도구를 위해 웹 표준 검사를 해보도록 하겠다. 

 

 

HTML 표준 검사 도구를 활용해 확인 해보기

• https://validator.w3.org/

 

 

 

나도 임시로 만든 html 코드를 넣어봤다. 찾아보니 잘못된 위치에 닫는 코드가 있다고 문제가 된다고 했다.

HTML 표준에 따라 input태그는 자체 닫힘 태그이므로 <input>또는 <input /> 형태로 쓰여야 한다고 한다.
그래서 닫는태그를 아래와 같이 변경후 다시 코드를 체크했다.

 

 

 

다시 돌렸다. 

 

 

다시 좀 찝찝한 결과가 나왔다. 확인해보니 input태그 뒤에 슬래시도 없애도 별 문제가 없다고 한다.

뒤의 슬래시를 제거후 다시 코드를 체그해봤다.

 

결과는 성공이다 ! 

 

 

 

CSS 코드 중 다른 브라우저에서 지원하지 않는 코드가 있는지 확인해보기 

Can I Use 에서 내가 사용한 코드가 어디까지 지원하는지 확인할 수 있다.  

• https://caniuse.com/

 

 

 

 

해당 페이지에서 사용하길 원하는 css 기능을 입력해보면된다. (나는 아직 이렇다할 css기능을 사용하지 않아서 별건없다. )

 

 

해당 기능이 이렇게 다양한 브라우저에서 지원하고 있음을 알 수 있다. 

 

 

자바스크립트 코드 중 다른 브라우저에서 지원하지 않는 코드가 있는지 확인해보기 

• ES6+ 코드가 포함되어 있을 경우, 구형 브라우저에서 지원하지 않을 수 있다. 
• https://www.w3schools.com/js/js_es6.asp

W3Schools.com