구글 HTML/CSS 스타일 가이드

Google HTML/CSS Style Guide

구글 HTML/CSS 스타일 가이드

HTML/CSS 스타일 지침

1 Background

이 문서는 HTML 및 CSS에 대한 형식 및 스타일 규칙을 정의한다. 협업과 코드 품질 개선, 지원 인프라 활성화를 목표로 한다. GSS 파일을 포함하여 HTML 및 CSS를 사용하는 원시 작업 파일에 적용된다. 도구는 일반적인 코드 품질이 유지되는 한 자유롭게 난독화, 소형화, 컴파일할 수 있다.

2 General

2.1 General Style Rules

2.1.1 Protocol

가능한 경우 포함된 리소스에 HTTPS를 사용한다.

HTTPS를 통해 해당 파일을 사용할 수 없는 경우가 아니면 이미지, 기타 미디어 파일, 스타일 시트 및 스크립트에 항상 HTTPS(https:)를 사용하자.

<!-- Not recommended: omits the protocol -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

<!-- Not recommended: uses HTTP -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

<!-- Recommended -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

/* Not recommended: omits the protocol */
@import '//fonts.googleapis.com/css?family=Open+Sans';

/* Not recommended: uses HTTP */
@import 'http://fonts.googleapis.com/css?family=Open+Sans';

/* Recommended */
@import 'https://fonts.googleapis.com/css?family=Open+Sans';

6 같이 보기

• HTML script 태그
• HTML
• CSS
• 가이드
• CSS 유효성 검사
• CSS 스타일 가이드

8 참고

• https://google.github.io/styleguide/htmlcssguide.html