웹마스터 팁
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
독학 하는 처지라 이런 정보 하나하나가 소중하네요. 감사합니다. 당근 추천~!! ^^;;
제목 | 글쓴이 | 날짜 |
---|---|---|
브라우저 도메인 주소 안나타나게 하기 [2] | 인테리어뱅크 | 2006.04.10 |
제 홈페이지 분석(뭐징?) [5] | 박현우 | 2006.03.11 |
게시판 글 적을 시에 주소 입력 후 링크연결 안되게 하는 법 [2] | 트릭썬더 | 2006.01.27 |
본문만들기 2장 [4] | 민개 | 2005.12.15 |
HTML 이란? 1장 [1] | 민개 | 2005.12.13 |
[HTML] 동영상 강좌_ html 기초부분 [1] | 다모폐인 | 2005.11.15 |
무지 짧은 소스로 스크롤바를 왼쪽으로 옮겨보자 [4] | 한용 | 2005.11.10 |
[동영상강좌] 노프레임 홈페이지만들기 [8] | 꼬냐닷컴 | 2005.10.02 |
필터를 적용한 EMBED 태그 | SHINIYA | 2005.10.01 |
FTP로 홈페이지 출판하기 | 어린공주 | 2005.09.30 |
배경을 가로 또는 세로로 반복하여 보여주는 기능. [1] | 꼬냐닷컴 | 2005.09.19 |
Rain# 위로 흐르는글 만들기 | Rain | 2005.08.14 |
색상값의 속성 [2] | 대류 | 2005.08.10 |
효율적인 폰트 속성 지정 [4] | 대류 | 2005.08.10 |
textarea 속에 내용넣기 (마우스클릭시 사라짐) [5] | 우연 | 2005.04.16 |
iframe 그때그때 달라요 ~ [높이자동변경] [15] | kim's | 2005.02.18 |
TAG로 이미지테두리 만들기 [3] | 하나둘 | 2005.02.12 |
문서 출입시 여러가지효과나타내기(메타태그) [1] | HYESOO | 2005.02.11 |
포토샵없이 이미지에 멋진 효과 내기 # [5] | Kasis | 2005.02.04 |
XHTML 1.0 팁 [8] | EDENe | 2005.01.22 |