필요성

  1. 일관성 있는 코드를 작성하여 작업자 간 공유를 쉽게한다.
  2. 유지보수 및 확장 비용을 최소화할 수 있다.

전쟁이야...!

전쟁이야...!

🐴HTML

HTML5를 따른다.

HTML 과 HTML5의 차이점

HTML5는 HTML의 새로운 버전으로 차세대 웹 표준이되는 언어이다. 모바일 웹에서의 핵심 기술!

Semantic Element(header, footer 등)가 추가되어 semantic markup이 가능하다.

그외에도 멀티미디어, 그래픽, 통신, 디바이스 접근 등이 가능하다.

기본스타일

  1. 들여쓰기는 space 2문자 사용한다.
  2. 속성값은 반드시 큰따옴표("")를 사용한다.
  3. 태그명, 속성명, 속성값에는 모두 소문자만 사용한다.
  4. 브라우저의 일관된 렌더링을 위해 상단에 HTML5 DOCTYPE을 명시한다.
HTML5 DOCTYPE이란?

<html> 태그를 정의하기 전에 선언하는 <!DOCTYPE html>
선언된 페이지의 HTML 버전이 무엇인지 웹 브라우저에 알려주는 역할

  1. 최상위 html 태그에 lang 속성을 주어 문서의 기본언어를 지정한다. 스크린 리더가 lang을 통해서 자동음성변환을 하거나 해당 언어에 적합한 발음을 제공한다.

  2. meta 태그 charset을 사용하여 문자 인코딩 방식을 utf-8로 지정한다. 이렇게 하면 브라우저나 개발도구가 해당 문서의 인코딩을 빠르고 정확하게 할 수 있다. utf-8은 유니코드 기반으로 하위 호환이 뛰어나 가장 널리 쓰인다.