Bootstrap으로 웹사이트를 구축하던중에 CDN에서 제공하는 코드가 syntastic의 구문검사에서 자꾸 말썽을 일으켜서 관련 내용을 살펴보았다.

warning| <link> proprietary attribute "integrity" [html/tidy]
warning| <link> proprietary attribute "crossorigin" [html/tidy]
warning| trimming empty <button> [html/tidy]
warning| trimming empty <span> [html/tidy]
warning| <a> attribute "tabindex" has invalid value "-1" [html/tidy]
warning| <form> lacks "action" attribute [html/tidy]
warning| <script> proprietary attribute "integrity" [html/tidy]
warning| <script> proprietary attribute "crossorigin" [html/tidy]

우선 문법검사기가 빌드가 굉장히 예전 버전이어서 HTML5의 문법을 제대로 이해하지 못하는 것으로 예상되었다.

HTML Tidy for Mac OS X released on 31 October 2006 - Apple Inc. build 16.1

그리고 추가적으로 Subresource Integrity (SRI)1라는 규격에 대해서도 알 수 있었다. 보안과 관련된 내용인데 덕분에 흥미롭게 읽었다.

관련된 자세한 내용은 각주를 참고하면 좋을 것 같다.


GitHub에서 html tidy파일에 대한 과거 커밋 내역을 확인하던 중에 아래와 같은 메모를 발견 할 수 있었다.

관련메모

커밋 링크

해당 링크의 페이지 내용대로 html5-tidy를 brew로 설치해주었다.

brew install tidy-html5

그리고 brew doctor의 내용대로 export를 통해 $PATH의 우선순위를 brew를 통해 설치한 바이너리가 높게 배치되도록 ~/.zshrc 파일을 수정해주었다.

export PATH="/usr/local/bin:$PATH"

마지막으로 예제 소스를 저장할 때 발생하는 새로운 에러 메세지를 무시하기 위해 ~/.tidyrc 파일을 생성하여 아래내용을 추가하였다.

mute: TRIM_EMPTY_ELEMENT

이 것 또한, 자세한 내용은 man tidy 명령을 통해서 확인이 가능하다.


각주