HTML태그 - HTML 문서의 시작과 끝
<!DOCTYPE html> - html 5버전으로 해석해서 출력
HEAD 태그 - 문서의 정보
- HTML 문서의 제목
- <title></title>
- 기타 정보
- 스타일 직접 입력
- 스타일 외부에서 가져와서 연결
BODY 태그 - 문서의 구조
META 태그 - 빈태그 속성을 가지지 않으면 역할을 수행할 수 없음
<meta></meta>
developer.mozilla.org/ko/docs/Web/HTML/Element/meta
charset(character set) - 문자가 인코딩되는 방식 지정, title보다 위에 작성(최상위)
- Character encoding : UTF-8, EUC-KR
- UTF-8 : 조합형 (ㅂㅏㄱㅇㅕㅇ..)
- EUC-KR : 완성형 (박 영 웅)
name - 문서 레벨의 메타데이터 이름 정의
http-equiv - name이랑 같이 쓸 수 없음
<meta http-equiv="X-UA-Compatible" content="IE=edge">└ 인터넷 익스플로러에서 렌더링 될 때 최신의 인터넷 익스플로러 렌더링 방식으로 출력함
<meta http-equiv="viewport" content="width=device-width, initial-scale=1.0">뷰포트에 보이는 화면을 어떤식으로 렌더링 할 지 명시하는 부분
- 가로를 디바이스의 가로 너비에 최적화. 확대 축소에 대해서 1로 설정
content
property - og(open graph) : sns 공유 사이트 체크 해갈 때 필요한 정보
link - 스타일 외부에서 가져와서 연결. 빈태그
rel - 외부에서 가져올 문서와 현재 문서의 관계 설정. 필수속성. 값은 공백으로 구분된 일련의 링크타입 값이어야 함
developer.mozilla.org/ko/docs/Web/HTML/Element/link
: 외부 리소스 연결 요소 - HTML: Hypertext Markup Language | MDN
HTML 요소는 현재 문서와 외부 리소스의 관계를 명시합니다. 는 스타일 시트를 연결할 때 제일 많이 사용하지만, 사이트 아이콘("파비콘"과 홈 화면 아이콘) 연결 등 여러가지로 쓰일 수 있습니다.
developer.mozilla.org
crossorigin - fetching CORS?
href - 링크된 소스의 URL. URL은 절대적이거나 상대적임
hreflang - 링크된 리소스의 언어. 생략가능
style - 문서나 문서 일부에 대한 스타일 정보를 포함
- body 태그안에도 사용 가능 하지만 효율성 측면에서 head 태그에서 사용한다
- type="txt/css" 기본값이라 굳이 명시하지 않아도 된다.
- scoped 속성은 ie, oprea, safari에서 지원 안함
MIME 타입 - 연결하는 문서가 어떤 타입인지 명시
developer.mozilla.org/ko/docs/Web/HTTP/Basics_of_HTTP/MIME_types
MIME 타입 - HTTP | MDN
MIME 타입이란 클라이언트에게 전송된 문서의 다양성을 알려주기 위한 메커니즘입니다: 웹에서 파일의 확장자는 별 의미가 없습니다. 그러므로, 각 문서와 함께 올바른 MIME 타입을 전송하도
developer.mozilla.org
title - 전역속성
base - 문서 안의 모든 상대 URL이 사용할 기준 URL을 지정한다.
- 되도록 경로를 작성한 곳 위에 작성하면 좋음
- URL에 공통적으로 들어가는 부분이 반복된다면 사용하는게 편하다
'Front-End' 카테고리의 다른 글
| HTML 인라인 텍스트 (0) | 2021.01.24 |
|---|---|
| HTML 콘텐츠 구분 / 문자 콘텐츠 (0) | 2021.01.22 |
| HTML / 개요, 요소 - 주요범위 & 메타데이터 (0) | 2021.01.03 |
| CSS (0) | 2020.12.27 |
| HTML (0) | 2020.12.27 |
