html 부터 친해져보자.

😺 Study/HTML

<rin> 2020. 9. 9. 15:28

<html>

웹사이트의 뼈대.

브라우저에서 실현이 가능한 가장 기본적인 파일이다.

구조적인 태그들로 이루어져 있다.

<!DOCTYPE html>

"도큐멘트 타입은 html이다."

관습적으로 제일 위에 적는다.

<meta charset="utf-8">

"모든 언어를 지원한다."

<head>

사용자에게 보여지는 UI는 없다.

검색해서 나오는 타이틀, 부가설명 등을 정의한다.

css 파일을 연결한다.

한마디로 meta data만 있다.

<body>

사용자에게 보여지는 부분이다.

예시)

My cat is very grumpy

여기서 가운데 문장은 content.

전체는 element(=node).

//참고하면 좋은 사이트

W3C : 웹의 표준화를 추진하는 사이트

예를 들어, HTML5를 정의한다-라고 하면,

현존하는 모든 브라우저들이 HTML5를 구현해야 한다.

MDN : 모질라에서 출시한 사이트 / 최신 웹 정보를 확인할 수 있다.

태그별로 쓰는 방법, 속성값, 발생하는 이벤트, 예제,

브라우저 호환 가능성 여부 등을 확인할 수 있다.

중요)) 모든 브라우저에서 구현 가능한 태그인지 확인!

tip)

사이트를 박스로 구분하는 눈을 기르자.

하지만 너무 세부적으로 나누면 브라우저 성능이 나빠진다.

참고: 유튜브 드림코딩엘리