<!-- 주석 내용 입력 -->
- 문서의 내용을 설명하거나 나중에 태그 분석 등에 사용하기 위해서 사용한다. 하지만 나중에는 쓰면 안된다. client 에게도 데이터가 가므로 주석은 공부할 때만 사용할 것
<html> ~ </html>
- HTML 문서의 최상위 태그로 HTML 문서의 시작과 끝을 나타낸다.
- head 요소와 body 요소를 포함할 수 있다.
- lang 속성으로 내용에서 사용할 언어를 지정할 수 있다.
<html lang="ko"> ~ </html>
<head> ~ </head>
- HTML 요소 내부의 첫 번째 요소로 사용
- head 요소는 문서의 메타데이터 집합을 나타낸다.
- 대부분 title요소를 포함해야 하지만 HTML로 쓴 이메일의 제목 줄처럼 상위 레벨의 프로토콜에서 타이틀 정보를 얻을 수 있을 때는 생략할 수 있다.
- 그 밖에 script, style, meta 요소를 정의할 수 있다.
<title> ~ </title>
- HTML 문서의 제목 표시 부분을 기술한다. 이 부분에 기술된 내용은 브라우저의 제목 표시줄에 나타난다.
<meta>
- 메타 정보 태그(Meta-Information)
- meta 요소는 title 요소나 base 요소, link 요소, style 요소, script 요소로 표현할 수 없는 다양한 메타데이터를 표시한다.
- 내장 스크립트와 CSS 정보, 스크립트와 CSS 파일 링크 정보뿐만 아니라 검색 엔진을 위한 해당 문서의 검색 키워드 정보도 담을 수 있다.
- 가장 일반적으로 사용되는 속성은 name, content 속성이다.
- name 속성, http-equiv 속성, charset 속성 중 하나를 반드시 써야 한다.
- charset : 문자 인코딩을 정의. HTML 5 추가 속성
- content : 지정된 메타 키에 대한 관련 정보를 지정
- http-equiv : HTTP 응답 메세지 헤더에 대한 정보를 제공하는 태그
- name : 요소에 대한 이름을 지정
- scheme : 관련 메타 요소의 content 속성의 값을 나타내기 위해 사용할 수 있는 스키마를 지정
ex01 예시 >>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"> <!-- 기본:ISO-8859_1, 한글은 깨짐 -->
<meta name="keywords" content="html, css, javascript, tag">
<!-- 검색엔진에게 제공할 키워드 -->
<meta http-equiv="refresh" content="10; url=https://www.naver.com">
<!-- http-equiv : HTTP 응답 메세지 헤더에 대한 정보를 제공 -->
<title>첫번째 예제</title>
</head>
<body bgcolor="yellow">
<h3>meta 태그</h3>
<p> 10초 후 이동합니다.</p>
</body>
</html>
10초 후에 naver로 이동한다
'쌍용강북교육센터 > 9월' 카테고리의 다른 글
| 0913_HTML : 기본 태그(3) 블럭요소와 인라인 요소 (1) | 2021.09.14 |
|---|---|
| 0913_HTML : 기본 태그 (2) (1) | 2021.09.14 |
| 0913_HTML : HTML 이란? (1) | 2021.09.13 |
| 0901~0910_JDBC : Semi Project 빵켓컬리 (1) | 2021.09.13 |
| 0907_Java : 채팅프로그램 만들기 (1) | 2021.09.08 |