웹 사이트 표준 (utf-8, meta 태그, 언어 설정, link 태그 등 )

📢 utf-8

전 세계 언어를 사용할 수 있도록 해주는 utf-8 을 사용한다.

meta 태그 사용법

name="author" content="hye-ryeon, Kim" : 사이트 작성자 설명
name="description" content="웹 표준을 준수한 사이트 예제입니다." : 사이트 설명
name="keywords" content="웹, 웹표준, 웹접근성, 사이트 만들기" : 사이트 검색 키워드(정말 많은 사이트가 있으므로 다 검색이 되는 않는다.)
name="generator" content="visual studio code" : 개발툴

link 태그 사용해서 css 적용하기

• reset을 담당하는 파일을 우선순위에 두고 다른 css 파일을 불러야 한다.
  • reset은 보통 *(전체 선택자)를 사용하지 않고 적용하려는 태그들을 지정하여 설정한다.
  • 리셋 태그 종류 : body, div, ul, li, dl, dt, ol, h1, h2, h3, h4, h5, h6, input, fieldset, legend, p, select, table, th, td, tr, textarea, button, form
• css 파일을 불러오는 대상 파일을 기준으로(나를 기준으로) 파일을 불러오면 상대경로 가 된다.
  • / (root)부터 불러오면 절대경로가 되는 것이다.

✔css파일에도 언어 설정을 해주자! (@charset "utf-8";)

css 파일에 언어 설정을 해주지 않으면, css 파일에 한글로 주석을 달았을 경우에
웹 브라우저 ctrl + u를 입력하여 확인했을 때, 한글이 깨지는 것을 경험할 수 있다.