-
반응형
<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)
사이트를 박스로 구분하는 눈을 기르자.
하지만 너무 세부적으로 나누면 브라우저 성능이 나빠진다.
참고: 유튜브 드림코딩엘리
반응형'😺 Study > HTML' 카테고리의 다른 글
[HTML] IR 기법 / 요소 숨김 처리를 활용한 프로모션 페이지 만들기 (0) 2021.03.09 [HTML] 웹UI 개발 - 레이아웃 속성 | display, visibility 수강 (0) 2021.01.20 [HTML] 웹UI 개발 - 프론트엔드 현직자 LIVE 강의 (0) 2021.01.17 [HTML] 부스트코스 edwith - 웹 UI 개발 | 문서의 기본구조 및 태그 공부 (0) 2021.01.16 Tag 태그를 일단 큰 숲으로 살펴보자. (0) 2020.09.09 댓글