XHTML 시작하기 2 (semantic markup)
==============================================================================================
글로벌 IT의 중심!! 네이버나 다음가십거리 되신 zdnet을 읽도록 노력하자 
=============================================================================================
DTD의역할 : 내문서가 어떤 문법으로 작성되어 있는지 알려준다.선언!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
랭귀지선언.한국어
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
XHTML 유효성검사!!
http://www.w3.org/ 에서 왼쪽 HTML validator 로 확인해봐야한다. 에러가나는지안나오는지..
http://validator.w3.org/
Result: Passed 나오면 합격!!
http://iabf.or.kr/News/NoticeView.asp?board=notice&pg=1&bseq=2860&md=&sf=&ss=
(웹 접근성 향상을 위한 국가표준 기술 가이드라인 다운로드 )
====================================================================
* semantic markup (의미론적인 마크업)
http://w3schools.com/tags/tag_doctype.asp 태그모음
<h1>큰제목-제일 중요한 제목</h1>
h1은 한페지에 하나 이지만 여러번 써도 된다
볼드의 속성.
하나는 회사명이나 회사로고
실제도큐먼트의 제목
<h1> - <h6>
처음은항상 h1 헤딩~제목!! 구조상으로 맞아야한다 css로 설정하면되니까 h1~6까지..
<p>책의내용들>>문장 -패라그래프
모든 엘리먼트는 2가지의 종류로 나눌수 있다
block-level elements / inline elements
block-level elements : body 엘리먼트 아래 바로 마크업 하여 사용 할 수 있다. 디스플레이 될때 블록처럼 위아래 층 구조로
쌓이는 모습으로 구별 할 수 있다. h1~h6, p, div, table, ul, li, ol,
inline elements : empty element :img, hr, meta, link, br,
<img src="" alt=" " /> alt 꼭 넣어줘야하고 끝에 / 넣어줘야함.
body 엘리먼트 아래 바로 마크업하여 사용할 수 없다. 블록 레벨엘리먼트 안에 자식 엘리먼트로 사용되어야 한다
(규칙) p나 div안에 넣어줘야함
http://www.w3.org/TR/html401/index/elements.html
논리적인 구조로 컨텐츠를 제공해야 한다.
제일 중요한 정보를 먼저 마크업한다
<br/>태그넣지말자
[출처] XHTML 시작하기 2 (semantic markup)|작성자 롱다리꺽
댓글