본문 바로가기
웹퍼블리셔/HTML

html 구조

by 피미르86 2014. 11. 12.

doctype============

-xhtml  strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


-xhtml  transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


-html4 strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


-html4 transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


-html5

<!doctype html>



html의 구조


1. head

문서의 정보 요소


1.1 <meta>

-empty element


-문자 문자설정

html5 <meta charset="utf-8" />

xhtml html4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />


-문서의 정보

<meta name="keywords" content= " 키워드,키워드,키워드,키워드" />

<meta name="subject" content="문서 제목 정보" />

<meta name="description" content="요약 설명 내용" />

<meta name="author" content="작성자 정보" />

<meta name="robots" content="index,follow" />

<meta name="copyright" content="저작권 정보" />


-IE 최상위버전을 강제적으로 설정

<meta http-equiv="X-UA-Compatible" content="IE=edge" />


1.2 title 문서의 제목

<title>내용</title>


2. body 영역

브라우저 표시 요소


2.1 그룹핑, 섹션닝

2.1.1 div 논리적 영역

2.1.2 html5에 추가된 요소

section, article, nav, aside

header,footer



'웹퍼블리셔 > HTML' 카테고리의 다른 글

html table 외 등등  (0) 2014.11.18
태그 형식 및 목록 그룹핑  (0) 2014.11.12
html_css 참고사이트  (0) 2014.11.12