• 회원가입
  • 로그인
  • 구글아이디로 로그인

[meta] HTML - <head> 태그 ★ - 문서정보정의 (= head태그 = 헤드태그) (HTML5에서 속성 지원 X)

목차
  1. <head> 예제 - 문서 정보 정의
  2. <head> 정의
  3. <head> 구문
  4. <head> 속성

 

<head> 예제 - 문서 정보 정의 

 
<!DOCTYPE html>
<html>
     <head>
        <title>문서 제목 - 홈짱닷컴 (homzzang.com)</title>
    </head>
    <body>
        문서 내용 - 홈페이지 제작관리 + 서버관리
    </body>
</html>
 
 

<head> 정의

 
브라우저가 홈페이지 출력시킬 때 참고할 정보 정의.

 


 
1. 
모든 head 요소를 정의하는 공간을 지정하는 역할을 함. 
즉, 이 태그 안에 head 관련 정보를 다 넣음.

2. 
<head> 태그 안에 <title> 태그는 필수이며, 
추가로 스크립트, 스타일, 메타 정보 등을 넣을 수 있음.
아래 태그들이 <head> 태그 안에 위치 가능. 
그누보드 경우, 보통 head.sub.php 파일 안에 위치.
 
 
3. 
주요 브라우저 모두 지원.

4. 
profile 속성은 HTML5에서 제외.

5. 
<html> 태그 다음에 오며,
시작태그와 종료태그로 구성.
 
 

<head> 구문

 

<head 속성=속성값>헤드 요소</head>

 


<head> 속성

속성 
 속성값 쓰임새  비고
 
 profile
 
 url
① 해당문서정보가 수정추가된 경우 그 정보 담긴 페이지의 URL 지정.
② 메타태그 내용 속성에 있는 정보를 브라우저가 잘 이해하도록 도움.
 HTML5 X
<head> 태그는 전역속성 지원.


분류 제목
link HTML - <link> 태그 ★ - 외부소스연결 (= link태그 = 링크태그) (HTML5수정) ※ 파비…
basic HTML - <hr> 태그 - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에이…
form HTML - <select> 태그 ★ - 선택메뉴 (= select태그 = 실렉트태그 = 셀렉트태그) (H…
api HTML5 - Drag and Drop - 마우스로 끌어서 놓기 (= 드래그앤드롭)
font HTML - <i> 태그 - 이탤릭체 (=기울어진 글씨체 = 글씨 기울어지게 = i태그 = 아이태그, 이탤…
etc HTML - <tt> 태그 - 텔레타이프 텍스트 (= tt태그 = 티티태그)
media HTML - <audio> 태그 ★ - 음성파일재생 (= audio태그 = 오디오태그)
font HTML - <b> 태그 ★ - 굵은글씨 (= b태그 = 비태그) ※ 볼드태그 / bold태그 / 글씨 긁…
basic HTML - <!--주석 내용--> 태그 ★ - 주석 처리 ※ 스크립트 태그 안 주석 의미
programming HTML - <embed> 태그 - 외부동영상재생 (= embed태그 = 엠베드태그, HTML5추가)
etc HTML - 키보드 단축키 모음 (Window/Mac)
style HTML - <style> 태그 ★ - 요소에 CSS스타일적용 (= style태그 = 스타일태그)
image HTML - <area> 태그 - 이미지맵에서 특정 링크 영역 (= area태그 = 에어리어태그) (HTML…
style HTML - <details> 태그 - 토글 가능한 세부사항(상세사항)을 표시 (= details태그 = 디…
form HTML - <textarea> 태그 ★ - 여러줄 입력창 (= 텍스트입력영역 = 텍스트영역 = textar…
font HTML - <strong> 태그 ★ - 굵은글씨 (= 글자굵기 = 폰트굵게 = strong태그 = 스트롱태…
image HTML - <map> 태그 - 이미지 특정 부분에 링크 (= map태그 = 이미지맵태그) ※ 이미지에 여러…
image HTML - <img> 태그 ★ - 이미지태그 (= img태그) ※ 이미지 일부 자르기, ※ 링크 허버 시,…
form HTML - <input> 태그 ★★★ - 입력창 + 입력버튼 (= input태그 = 인풋태그) ※ 자동포커…
font HTML - <u> 태그 ★ - 밑줄태그 (= u태그 = 유태그 = 언더라인태그) (HTML5재정의)
17/18
목록
찾아주셔서 감사합니다. Since 2012