[HTML] 기본 태그 - http-equiv / <!DOCTYPE> / <html> / <head> / <title> / <meta>
by mini_min[HTML]
기본 태그 - http-equiv / <!DOCTYPE> / <html> / <head> / <title> / <meta>
✔️<meta http-equiv ="refresh" ~
: http 응답 메시지 헤더에 대한 정보를 제공한다.
: <meta ~ > 는 검색 엔진에 제공할 키워드를 작성.
✨ name, http-equiv 속성 기술할 땐, content 꼭 써야한다.
✨ http-equiv 기술한 경우, meta 요소는 반드시 head 요소 내에 써야한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> <!-- 기본:ISO-8859_1, 한글이 깨진다. -->
<meta http-equiv="refresh" content="10; url=https://www.naver.com">
<!-- http-equiv : http 응답 메시지 헤더에 대한 정보 제공 -->
<meta name="keyword" content="html, css, javascript">
<!-- 검색엔진에 제공할 키워드 -->
<title>첫번째 예제</title>
</head>
<body>
<h3> meta 태그 </h3>
<p> 10초 후 이동합니다. </p>
</body>
</html>
✔️<!DOCTYPE>
: 문서 정의 태그이다.
: 문서에서 사용되는 언어와 버전을 지정하는데 사용한다. 즉, HTML 이 어떤 버전으로 작성되었는지 미리 선언함!
: 모든 HTML 문서의 최상단에 기술함!
📓 DTD
: 문서 형식 정의
- 호환모드(Transitional//EN) : 생략해도 실행하는데 지장없는 트랜지셔널 모드를 말한다.
- 엄격모드(Strict//EN) : 생략을 허용하지 않는 xml 같이 올바른 형식의 문서를 의미한다.
✔️ <html> ~ </html>
: HTML 문서의 최상위 태그! HTML 문서의 시작과 끝을 나타난다.
: head 요소와 body 요소를 포함할 수 있다.
: lang 속성으로 내용에서 사용할 언어를 지정한다 ✨
<html lang = "ko"> ~ </html>
✔️ <head> ~ </head>
: HTML 요소 내부의 첫번째 요소로 사용된다.
: head 요소는 문서의 메타데이터 집합을 나타낸다.
: 대부분 title 요소를 포함해야하지만, HTML 로 쓴 이메일의 제목 줄처럼 상위 레벨의 포로토콜에서 타이틀 정보를 얻을 수 있을 때는 생략한다.
✔️ <title> ~ </title>
: title 요소는 문서의 제목 표시 부분을 기술한다. 이 부분은 브라우저의 제목 표시줄에 나타난다.
✔️ <meta>
: 메타 요소는 title 이나 base 요소, link 요소, style 요소, script 요소로 표현할 수 없는 다양한 메타데이터를 표시한다!
: 내장 스크립트, CSS 정보, 파일 링크 정보 뿐만 아니라 검색 엔진을 위한 해당 문서의 검색 키워드 정보도 담을 수 있다!
: 가장 일반적으로 name, content 속성이 자주 사용
✨ name, http-equiv 속성 기술할 땐, content 꼭 써야한다.
✨ http-equiv 기술한 경우, meta 요소는 반드시 head 요소 내에 써야한다.
| 속성 | |
| charset | 문자 인코딩을 정의 |
| content | 지정된 메타 키에 대한 관련 정보 지정 |
| http-equiv | HTTP 응답 메시지 헤더에 대한 정보 제공 |
| name | 요소에 대한 이름 지정 |
| scheme | 관련 메타 요소의 content 속성 값을 나타내기 위해 사용할 스키마 지정 |
'HTML' 카테고리의 다른 글
| [HTML] 주요 formatting 태그 / <b> / <em> / <i> / <pre> / <sub> / <sup> (0) | 2022.09.06 |
|---|---|
| [HTML] 공통 속성(Global Attributes) / data-* / contenteditable (0) | 2022.09.06 |
| [HTML] Block-level element / inline element / 특수문자 (0) | 2022.09.06 |
| [HTML] <body> / <h x> / <p> / <br> / <hr> 태그 (0) | 2022.09.06 |
| [HTML] HTML 개념 / 기본 구조 / 마크업 언어 (0) | 2022.09.06 |
블로그의 정보
개발자 미니민의 개발로그
mini_min