웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
XHTML 1.0 팁
2005.01.22 12:34
XHTML이란?
XHTML은 HTML와 완전히 개별적인 언어로,
XML이 일반 웹브라우저에서 읽을 수 없는 점을 감안,
일반 웹브라우저를 통해서도 접근할 수도록 HTML 태그들을 공유하고 있는 언어입니다.
즉, 앞으로도 XHTML은 계속 업데이트 및 사용될 것이고,
XML로의 전환을 위해 과도기를 위해서 존재하는 것은 아닙니다.
XHTML 1.0 팁
1. 문서를 작성할 때 반드시 사용된 언어를 지정해주셔야 합니다.
참고: http://www.w3.org/QA/2002/04/valid-dtd-list
2. 문서에 사용된 주요 언어를 반드시 지정해주셔야 합니다.
한국어: <meta http-equiv="content-type" content="text/html; charset=euc-kr" />
3. 태그는 항상 쌍으로 이루어집니다. <img></img> <br></br> <p></p>
옳은 예: <img src="http://www.nzeo.com/images/main/top_logo.gif" alt="NZEO 메인으로..."></img>
틀린 예: <img src="http://www.nzeo.com/images/main/top_logo.gif" alt="NZEO 메인으로...">
단, img, br 등과 같이 여는 태그와 닫는 태그 사이의 텍스트가 불필요한 경우 다음과 같이 쓸 수 있습니다.
예: <img src="http://www.nzeo.com/images/main/top_logo.gif" alt="NZEO 메인으로..." />
4. 한 텍스트 / 개체에 2개 이상의 태그를 사용할 경우 순서를 제대로 맞춰줘야 합니다.
옳은 예: <span id="nzeo"><a href="http://nzeo.com">엔지오</a></span>
틀린 예: <span id="nzeo"><a href="http://nze.com">엔지오</span></a>
5. 태그 및 속성은 모두 소문자로 써 줍니다.
옳은 예: <a href="http://nzeo.com">엔지오</a>
틀린 예: <A HREF="http://nzeo.com">엔지오</A>
6. 속성은 모두 쌍 따옴표 " "로 묶어 줍니다.
옳은 예: <a href="http://nzeo.com">엔지오</a>
틀린 예: <a href=http://nzeo.com>엔지오</a>
7. 일부 브라우저의 호환을 위해 이미지와 관련된 태그의 경우 필수적으로 alt 속성이 있습니다.
옳은 예: <img src="http://www.nzeo.com/images/main/top_logo.gif" alt="NZEO 메인으로..." />
틀린 예: <img src="http://www.nzeo.com/images/main/top_logo.gif" />
8. href, src 등 url 속성을 넣어줄 때 &표시를 사용할 경우에도 &로 사용해주셔야 합니다.
옳은 예: <a href="http://www.nzeo.com/bbs/zboard.php?id=ex&no=1">엔지오</a>
틀린 예: <a href="http://www.nzeo.com/bbs/zboard.php?id=ex&no=1">엔지오</a>
아마 이 게시판에도 새로운 카테고리가 생겨야할 것 같네요 ^-^;;
XHTML은 HTML와 완전히 개별적인 언어로,
XML이 일반 웹브라우저에서 읽을 수 없는 점을 감안,
일반 웹브라우저를 통해서도 접근할 수도록 HTML 태그들을 공유하고 있는 언어입니다.
즉, 앞으로도 XHTML은 계속 업데이트 및 사용될 것이고,
XML로의 전환을 위해 과도기를 위해서 존재하는 것은 아닙니다.
XHTML 1.0 팁
1. 문서를 작성할 때 반드시 사용된 언어를 지정해주셔야 합니다.
참고: http://www.w3.org/QA/2002/04/valid-dtd-list
2. 문서에 사용된 주요 언어를 반드시 지정해주셔야 합니다.
한국어: <meta http-equiv="content-type" content="text/html; charset=euc-kr" />
3. 태그는 항상 쌍으로 이루어집니다. <img></img> <br></br> <p></p>
옳은 예: <img src="http://www.nzeo.com/images/main/top_logo.gif" alt="NZEO 메인으로..."></img>
틀린 예: <img src="http://www.nzeo.com/images/main/top_logo.gif" alt="NZEO 메인으로...">
단, img, br 등과 같이 여는 태그와 닫는 태그 사이의 텍스트가 불필요한 경우 다음과 같이 쓸 수 있습니다.
예: <img src="http://www.nzeo.com/images/main/top_logo.gif" alt="NZEO 메인으로..." />
4. 한 텍스트 / 개체에 2개 이상의 태그를 사용할 경우 순서를 제대로 맞춰줘야 합니다.
옳은 예: <span id="nzeo"><a href="http://nzeo.com">엔지오</a></span>
틀린 예: <span id="nzeo"><a href="http://nze.com">엔지오</span></a>
5. 태그 및 속성은 모두 소문자로 써 줍니다.
옳은 예: <a href="http://nzeo.com">엔지오</a>
틀린 예: <A HREF="http://nzeo.com">엔지오</A>
6. 속성은 모두 쌍 따옴표 " "로 묶어 줍니다.
옳은 예: <a href="http://nzeo.com">엔지오</a>
틀린 예: <a href=http://nzeo.com>엔지오</a>
7. 일부 브라우저의 호환을 위해 이미지와 관련된 태그의 경우 필수적으로 alt 속성이 있습니다.
옳은 예: <img src="http://www.nzeo.com/images/main/top_logo.gif" alt="NZEO 메인으로..." />
틀린 예: <img src="http://www.nzeo.com/images/main/top_logo.gif" />
8. href, src 등 url 속성을 넣어줄 때 &표시를 사용할 경우에도 &로 사용해주셔야 합니다.
옳은 예: <a href="http://www.nzeo.com/bbs/zboard.php?id=ex&no=1">엔지오</a>
틀린 예: <a href="http://www.nzeo.com/bbs/zboard.php?id=ex&no=1">엔지오</a>
아마 이 게시판에도 새로운 카테고리가 생겨야할 것 같네요 ^-^;;
댓글 8
제목 | 글쓴이 | 날짜 |
---|---|---|
톡톡 튀는 홈페이지 테이블 제작하기 ^^ [6] | piasol | 2004.12.03 |
페이지 회색스크롤바로 바꾸기 | 편입성공기 | 2004.12.06 |
도메인 포워딩 즉 페이지 자동이동하기 [6] | 편입성공기 | 2004.12.06 |
새창에 폼태그로 전송하기 | 편입성공기 | 2004.12.06 |
브라우저 주소창에 긴 경로 안 나타나게 하기 [7] | 편입성공기 | 2004.12.06 |
드래그 금지 및 오른쪽 버튼 금지 소스 [6] | 편입성공기 | 2004.12.06 |
[기초]홈페이지의 프레임 나누기 입니다. [5] | piasol | 2004.12.10 |
XHTML 1.0 Strict에서 더 이상 사용할 수 없는 태그 / 속성 [16] | EDENe | 2005.01.22 |
XHTML 1.0 팁 [8] | EDENe | 2005.01.22 |
포토샵없이 이미지에 멋진 효과 내기 # [5] | Kasis | 2005.02.04 |
문서 출입시 여러가지효과나타내기(메타태그) [1] | HYESOO | 2005.02.11 |
TAG로 이미지테두리 만들기 [3] | 하나둘 | 2005.02.12 |
iframe 그때그때 달라요 ~ [높이자동변경] [15] | kim's | 2005.02.18 |
스킨작업에 중요하게 쓰이는 것들 [2] | ProSense™ | 2005.04.12 |
textarea 속에 내용넣기 (마우스클릭시 사라짐) [5] | 우연 | 2005.04.16 |
필터 효과들 [1] | keymove | 2005.07.08 |
효율적인 폰트 속성 지정 [4] | 대류 | 2005.08.10 |
색상값의 속성 [2] | 대류 | 2005.08.10 |
Rain# 위로 흐르는글 만들기 | Rain | 2005.08.14 |
배경을 가로 또는 세로로 반복하여 보여주는 기능. [1] | 꼬냐닷컴 | 2005.09.19 |