HTML태그

8.8(목)

1. 시대별 공부 방법

📌 서버중심 시대 : JSTL -> 결과페이지 + DOM 핸들링 + JS이벤트 => HTML, CSS, JS
📌 DHTML 시대 : 한 화면에서의 변화 -> JS + Ajax(서버통신) => JSON
📌 WebApplication 시대 : SinglePageApplication (React/Vue) => JS

---

2. HTML 태그

2-1. META 태그

📌 viewport : 화면 전체 크기

<meta name="viewport" content="width=1190">

👉 어떤 디자인이든 사이즈를 1190으로 맞춰서 가겠다.

<meta name="viewport" content="width=device-width">

👉 어떤 디바이스던지 똑같은 사이즈로 맞추겠다.

---

2-2. !DOCTYPE

👉 DTD에 대한 규칙에 따라 html문서를 작성하였다 라는 선언.
👉 ! : xml문서 처리 명령어의 시작을 의미.
👉 DOCTYPE이 없을경우 : 브라우저를 쿼크모드로 렌더링

---

2-3. DTD

👉 문서타입의 정의서
👉 예를들어, head아래는 body를 사용할 수 있고, ul내부에는 li태그를 사용할 수 있다.

---

2-4. 쿼크모드

👉 옛날버전을 사용해서 표현하겠다는 의미

---

2-5. script 태그를 head / body 안에

👉 head내부에 script는 문서의 로딩이 시작되기 전에 스크립트가 실행되어 초기화 코드나 라이브러리 로딩과 같은 작업을 수행할 때 유용

👉 body내부에 script는 DOM이 완전히 로드된 후에 스크립트가 실해오디므로 안전하게 접근가능