코드공부방

HTML 구글 스타일가이드 자세히보기 #intro 본문

웹퍼블리셔/HTML

HTML 구글 스타일가이드 자세히보기 #intro

:- ) 2019. 9. 2. 14:05
반응형

HTML 구글 스타일가이드 자세히보기 #intro

HTML 마크업에도 스타일가이드가 있을까? 당연히 존재한다. HTML 마크업 작업도 여러 작업자가 협업하여 진행하는 경우가 발생하기 때문에 일관된 스타일로 코드를 유지하기 위해서는 CSS와 마찬가지로 작성 규칙이 필요하다. 사실 CSS와 비교하면 HTML마크업에는 많은 규칙이 필요하진 않는다. 

지금 머릿속에 어떤 규칙들이 있을지 떠올려봐도 떠오르는 것이라고는 들여쓰기, 따옴표, 뭐 어떤 태그의 사용 정도? (애초에 HTML코드를 작성하는 방식(?)이 다양하지도 않다) 그래서 구글 HTML 스타일 가이드에는 어떤 내용들이 있는지 자세히 보았다.

 

GOOGLE HTML/CSS Style Guide

GOOGLE CSS 스타일 가이드와 마찬가지로 구글에서 제공하는 공식 스타일가이드 문서를 참고하였고,
최대한 해당내용을 그대로 옮기되, 너무 당연한 내용은 따로 옮겨오지 않았다. 그리고 개인적인 의견은 스타일가이드의
내용과 분리하여 별도의 문단에 표기하였다.
GOOGLE HTML 스타일 가이드의 원문은 아래 URL에서 확인 가능하다.
https://google.github.io/styleguide/htmlcssguide.html#HTML

 

Google HTML/CSS Style Guide

Google HTML/CSS Style Guide 1 Background This document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, in

google.github.io

(계속..)

 

2019/09/05 - [HTML] - HTML 구글 스타일가이드 자세히보기 #1 HTML스타일 규칙

 

HTML 구글 스타일가이드 자세히보기 #1 HTML스타일 규칙

HTML 구글 스타일가이드 자세히보기 #1 HTML스타일 규칙 1. HTML 스타일 규칙 1.1 Document Type HTML5를 사용한다. XHTML이 아닌 HTML을 사용한다. 홀태그는 닫지 않는다.

code-study.tistory.com

2019/08/30 - [CSS] - CSS 구글 스타일가이드 자세히보기 #intro

 

CSS 구글 스타일가이드 자세히보기 #intro

CSS 구글 스타일가이드 자세히보기 #intro 보통 프로젝트에 투입되면 프로젝트 시작과 동시에 스타일가이드를 정한다. 이는 협업하는 작업자간의 원활한 프로젝트 진행을 위한 약속이라고 볼 수 있다. 예를들어 다..

code-study.tistory.com

 

반응형

'웹퍼블리셔 > HTML' 카테고리의 다른 글

카톡(카카오톡)에서 URL 링크 공유 시 미리보기 썸네일 이미지와 내용 수정하기 (feat.og meta data)  (5) 2020.02.13
HTML 구글 스타일가이드 자세히보기 #1 HTML스타일 규칙  (0) 2019.09.05
'웹퍼블리셔/HTML' Related Articles more
Comments