웹마스터 팁
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
-
세죠위그이
2005.01.22 12:45
8번에.. 옳은 예는 & amp 인가요? -
EDENe
2005.01.22 13:10
세죠위그이 // 털썩 ;; 세죠위그이님 말씀처럼 &이 되야 합니다. 수정했습니다. -
에지
2005.01.22 13:37
으음-ㅅ-;;
5번 틀린예에 nze.com의 압박-ㅅ-;; (퍼버버벅) -
okoru
2005.01.23 23:49
좋은 정보입니다.
전 굳이 큰따옴표만 안써도 된다고 알고 있습니다.
옳은 예 : "okoru'15'korean", 'okoru"15"korean'
틀린 예 : "okoru"15"korean", 'okoru'15'korean'
제가 잘 못 알고 있는건가요? -
Triakis
2005.01.26 00:39
okoru // 같은 생각입니다...
php를 지원한다면
<a href="http://nzeo.com">엔지오</a>과<a href='http://nzeo.com'>엔지오</a>는 미약하지만 속도차이가 있습니다..
[ " ]보다는[ ' ]가 약간이나마 처리속도가 빠르기에 [ " ] 보다는 [ ' ]를 많이 사용해왔는데
[ " ]를 무조건적으로 사용하라고 하지는 않겟죠.... -
EDENe
2005.01.26 13:39
답변 늦어서 죄송합니다.
w3 컨소시움의 자료에 의하면,
4.4. Attribute values must always be quoted
All attribute values must be quoted, even those which appear to be numeric.
CORRECT: quoted attribute values
<td rowspan="3">
INCORRECT: unquoted attribute values
<td rowspan=3>
라고 명시되어있습니다만, 쌍따옴표, 외따옴표에 대한 언급은 찾아볼 수 없네요. Validator를 통해 확인해본 결과 외따옴표를 사용해도 문제점은 없는 것 같습니다.
참고자료: http://www.w3.org/TR/xhtml1/#h-4.4 -
EDENe
2005.01.26 13:47
HTML 4.0의 자료에는 쌍따옴표, 외따옴표 두가지 모두 사용한다고 되어있습니다.
또한 쌍따옴표는 외따옴표를 포함할 수 있고, 외따옴표는 쌍따옴표를 포함할 수 있다. (okoru님의 예)
단, 외따옴표를 사용할 경우 &, " 등을 못쓴다고 되어있네요.
참고자료: http://www.w3.org/TR/REC-html40/intro/sgmltut.html#h-3.2.2 -
뮤직엔진
2005.02.06 06:57
독학 하는 처지라 이런 정보 하나하나가 소중하네요. 감사합니다. 당근 추천~!! ^^;;
제목 | 글쓴이 | 날짜 |
---|---|---|
제로보드 data 디렉토리에 링크방지 걸기..(울트라 허접팁) [5] | 무꾸 | 2003.06.27 |
2차도메인을 이용한 내컴퓨터 자료실로 이용하기 [3] | 무꾸 | 2003.06.27 |
스팸메일 유의 하십시오... [1] | Dopesoul | 2003.07.03 |
저만의 보안 방법. (리눅스) [12] | Blainfo | 2003.07.04 |
쉘상에서 사용자 계정과 DB계정 간단하게 생성하기. | NOP_0x90 | 2003.07.05 |
쉘상에서 DB 간단하게 생성하기.. 수정입니다. [1] | NOP_0x90 | 2003.07.05 |
NOP_0x90 Document No.1(APM연동 Mysql-4.0.13편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.2(APM연동 Mysql-DB설정편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.3(APM연동 apache-2.0.46편) | NOP_0x90 | 2003.07.06 |
NOP_0x90 Document No.4(APM연동 php-4.3.2편) [2] | NOP_0x90 | 2003.07.06 |
우리호스트 DNS 활용하기 [4] | HoYa™ | 2003.07.08 |
Windows 2003 엔터프라이즈 에서 FTP 사용하기..(이미지첨부버젼) [10] | 무꾸 | 2003.07.26 |
apache 다운받기 - 그림설명 [2] | 이성헌 | 2003.07.27 |
php 다운 받기 - 그림설명 [1] | 이성헌 | 2003.07.27 |
phpzendoptimizer 다운받기 - 그림설명 [7] | 이성헌 | 2003.07.27 |
mysql 다운받기 - 그림설명 [3] | 이성헌 | 2003.07.27 |
색다른 리눅스 배포판.. [2] | Dopesoul | 2003.08.02 |
리눅스 환경에서 APM+Tomcat의 개발환경 만들기 | 굿스피드 | 2003.08.04 |
긴급 - mysql 설치때 주의점(window xp 에서) [3] | 이성헌 | 2003.08.11 |
Windows2000 Ad Server 계열쓰시는분들의 보안. [7] | 씨파개 | 2003.08.12 |