HTML

[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> 태그는 전역속성 지원.


분류 제목
style HTML - <style> 태그 ★ - 요소에 CSS스타일적용 (= style태그 = 스타일태그)
style HTML - <div> 태그 ★★★★★ - 영역 지정 (= 섹션 분할 = div태그 = 디브태그 = 디비전태…
style HTML - <span> 태그 ★★★ - 인라인요소그룹 (= span태그 = 스팬태그 = 스판태그)</spa…
meta HTML - <head> 태그 ★ - 문서정보정의 (= head태그 = 헤드태그) (HTML5에서 속성 지원…
basic HTML - <title> 태그 ★ - 웹문서제목 (= title태그 = 타이틀태그)
meta HTML - <meta> 태그 ★★ - 메타정보 (= meta태그 = 메타태그) (HTML5수정) + 모바일…
meta HTML - <base> 태그 - 상대주소기본URL과 링크기본타켓지정 (= base 태그 = 베이스태그)
meta HTML - <basefont> 태그 - 기본글자스타일 (기본글꼴/기본색상/기본크기) (= 베이스폰트태그) … 2
programming HTML - <script> 태그 ★★ - JS코드입력 (= 동적기능언어입력 = script태그 = 스크립트…
programming HTML - <noscript> 태그 - JS 작동안될때 보여줄 내용 (= noscript태그 = 노스크립트…
form HTML - <fieldset> 태그 ★ - 폼양식 관련요소묶음 (= fieldset태그 = 필드셋태그) (…
form HTML - <legend> 태그 - fieldset제목/설명 (= legend태그 = 레전드태그) (HTM…
programming HTML - <applet> 태그 - 애플릿 (= applet태그 = 애플릿태그)
programming HTML - <object> 태그 - 미디어삽입 (= object태그 = 어브젝트태그)
deprecated HTML - <param> 태그 - 미디어매개변수 (= param태그 = 패럼태그 = 파람태그 = 패러미터태…
6/24
목록
 홈  PC버전 로그인 일본어
그누앞단언어
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱닷컴 PC버전 로그인