웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
XHTML 1.0 Strict에서 더 이상 사용할 수 없는 태그 / 속성
2005.01.22 00:53
태그!!
applet - object 태그로 사용합니다.
basefont - CSS로 대체해 사용합니다.
center - CSS inline
dir, menu - ol or ul 태그를 대신 사용합니다.
font - CSS font-family, font-size 등...
iframe - 사용 불가
isindex - input 태그로 사용합니다.
s, strike - CSS text-decoration: strike-through
u - CSS text-decoration: underline
속성!! (괄호 속은 해당하는 태그)
align (caption, img, input, object, legend, table, hr) - 사용 불가
align (div, h1, h2, h3, h4, h5, h6, p) - CSS text-align 으로
alink (body) - CCS에서 a:link
background (body, table, tr, td, th) - CSS background
border (img, object) - CSS border
clear (br) - CSS에서 clear
compact (dl, ol, ul) - CSS line-height
height (table) - 사용 불가
height (td, th) - 사용 불가; 대신의 셀 속의 내용에 맞춰서 크기가 조정되도록 하세요.
hspace (img, object) - CSS padding
language (script) - type / MIME type 사용
link (body) - CSS a:link
name (img) - id를 이용하세요.
noshade (hr) - 사용 불가
nowrap (td, th) - CSS white-space: pre
size (hr) - CSS margin-left, margin-right
start (ol) - 사용 불가
target (a) - 사용 불가
text (body) - CSS color
type (li, ol, ul) - CSS list-style
value (li) - 사용 불가
version (html) - 사용 불가
vlink (body) - CSS a:visited
vspace (img, object) - CSS padding
width (hr, pre) - CSS width
width (td, th) - 사용 불가
추가적인 TIP으로,
XHTML 1.0 Strict를 사용하면서 table로 레이아웃을 짜려는 건 바보 같은 일입니다. (절대 불가능!) ;;
XHTML 1.0 Transitional에서도 table로 레이아우 짜는 건 거의 불가능 합니다. (ㅠㅠ)
쉽게 말해서 table 쓰지 마세요. 대신 div 등을 이용합니다.
가능한 속성들은 모두 CSS로 해주세요.
applet - object 태그로 사용합니다.
basefont - CSS로 대체해 사용합니다.
center - CSS inline
dir, menu - ol or ul 태그를 대신 사용합니다.
font - CSS font-family, font-size 등...
iframe - 사용 불가
isindex - input 태그로 사용합니다.
s, strike - CSS text-decoration: strike-through
u - CSS text-decoration: underline
속성!! (괄호 속은 해당하는 태그)
align (caption, img, input, object, legend, table, hr) - 사용 불가
align (div, h1, h2, h3, h4, h5, h6, p) - CSS text-align 으로
alink (body) - CCS에서 a:link
background (body, table, tr, td, th) - CSS background
border (img, object) - CSS border
clear (br) - CSS에서 clear
compact (dl, ol, ul) - CSS line-height
height (table) - 사용 불가
height (td, th) - 사용 불가; 대신의 셀 속의 내용에 맞춰서 크기가 조정되도록 하세요.
hspace (img, object) - CSS padding
language (script) - type / MIME type 사용
link (body) - CSS a:link
name (img) - id를 이용하세요.
noshade (hr) - 사용 불가
nowrap (td, th) - CSS white-space: pre
size (hr) - CSS margin-left, margin-right
start (ol) - 사용 불가
target (a) - 사용 불가
text (body) - CSS color
type (li, ol, ul) - CSS list-style
value (li) - 사용 불가
version (html) - 사용 불가
vlink (body) - CSS a:visited
vspace (img, object) - CSS padding
width (hr, pre) - CSS width
width (td, th) - 사용 불가
추가적인 TIP으로,
XHTML 1.0 Strict를 사용하면서 table로 레이아웃을 짜려는 건 바보 같은 일입니다. (절대 불가능!) ;;
XHTML 1.0 Transitional에서도 table로 레이아우 짜는 건 거의 불가능 합니다. (ㅠㅠ)
쉽게 말해서 table 쓰지 마세요. 대신 div 등을 이용합니다.
가능한 속성들은 모두 CSS로 해주세요.
댓글 16
-
세죠위그이
2005.01.22 01:03
HTML 4.01 Transitional이 지금은 가장 무난; -
EDENe
2005.01.22 01:24
XML이 대세인 만큼... XHTML에 조금씩 익숙해지는 것도 좋을 것 같습니다.
사실 XHTML Strict는 너무 Strict해서 사용하기 힘드니, 시작하시는 분들은 XHTML 1.0 Transitional을 사용하시는 걸 추천해드리고 싶네요.
그리고 곧 XHTML 2.0도 나온다고 하니... ^-^; -
곽군
2005.01.22 02:15
iframe은 역시 환영받지 못하는군요... 뭐.. 역시나 추천할 만한 녀석(태그)은 아니지만.. 그래도 유용한 녀석인데 말이죠=_=b
그나저나 왜 저렇게 제약이 심한지 모르겠군요...
테이블마저 죽였군요...
표준이나 호환성도 중요하고 사용빈도가 낮은 태그라던지 유사기능의 속성의 중복을 제거한다는 것도 좋지만...
왜 편리하고 간단한 태그(내의 속성)들을 죽이는건지...
왜 편리한 쪽으로 표준을 정하지 않는(못하는)걸까.. 의문이네요... -
hsmtree.myid.net
2008.12.04 01:52
table을 죽인게 아니라 목적에 맞게 사용하게 하기 위함입니다.table로 레이아웃을 만들어 사용해도 상관없긴 하지만, table은 글씨 그대로 표를 작성하는 태그이기 때문이죠.table보다 div의 구조가 간단하고 유지보수하기 좋습니다. -
세죠위그이
2005.01.22 09:02
<a>에서 target을 지정하지 못하면, 어디에서 지정해줘야 하나요? =_=;; -
토토루
2005.01.22 10:00
<a href="http://주소" onclick="window.open(this.href, '타겟'); return false;">클릭</a> -
okoru
2005.01.22 10:52
div 레이아웃은 어렵지만, 어떤 브라우저라도 잘 보입니다.
타겟을 사용해서 새 창을 띄우는건 초보방문자에게 실례 되는 일이라내요.(그래도 필요한데..OTL) -
토토루
2005.01.22 11:06
-
EDENe
2005.01.22 11:52
간단한 table 사용은 가능하지만,
table로 홈페이지 레이아웃을 꾸미는 것은 상당히 힘들 답니다.
그리고 target링크에서 토토루님 방법 대신
<a onclick="window.open('주소', '타겟');" style="cursor:pointer;">클릭</a> 가 더 간편할 듯 ^^ -
EDENe
2005.01.22 11:56
div만을 이용해서 레이아웃을 짠 페이지입니다.
http://edene.com/nzeo/java/?no=0002&mode=source
물론 w3컨소시움에서 제안하는 방식의 div 사용법은 아닙니다만, table로는 도무지 저 레이아웃 만드는 것이 힘들더군요.
div로 짜서, javascript로 div를 정렬해주었습니다. 따라서 그다지 좋은 예제라고는 할 수 없겠네요. 추후에 w3.org처럼 재구성해볼 생각입니다만, 막막하답니다... ; -
토토루
2005.01.22 14:06
테이블로 가능합니다..
시간이 없어 대충 만들어 봤는데.. 아래 링크에 눌러 나온 소스를 test.php로 저장한후 웹에서 보시길.. :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
적용한겁니다..^_^
http://validator.w3.org에서 테스트해보니 만점 입니다 :)
http://www.neosky.info/xhtml1.phps -
디토
2005.01.22 20:32
div 기반 레이아웃은 float, clear 속성 등을 적절히 이용하면 됩니다. (예제: http://hanra.dittos.info/mirage/?css=greentea ) -
EDENe
2005.01.22 22:27
토토루 // 테이블로 하셨지만, 막상 높이 조절을 안하셨더라구요 ;;
그리고 제가 소개한 페이지가 간단해서 그렇지,
윤미님 예전 사이트나,... (음..; 적당한 예제를 못 찾는 중;;)
테이블로 화면하나에 쏙 들어오게 해서 만든 사이트들은 xhtml로 거의 불가능하죠. 높이 설정부터가 힘드니깐요.
테이블 높이 설정하려면 문서 높이도 설정해줘야 작동을 하고 ;;
http://edene.com/가보시면 알겠지만, 약간 테이블이 개판오분전입니다 ;; -
okoru
2005.01.23 23:43
-
느끼남
2005.01.31 19:54
EDENe // 님 홈피 메인에 숨은 기능이 있더군요.... 카피라이트 부분을 클릭하면 div 위치가 설정된답니다..^^ -
은빛늑대
2006.04.18 15:03
테이블을 아예 쓰지 말라는 것은 구시대의 유물 같은 말입니다.
용도에 맞게 사용한다면 문제 없습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
XHTML 1.0 Strict에서 더 이상 사용할 수 없는 태그 / 속성 [16] | EDENe | 2005.01.22 |
[기초]홈페이지의 프레임 나누기 입니다. [5] | piasol | 2004.12.10 |
드래그 금지 및 오른쪽 버튼 금지 소스 [6] | 편입성공기 | 2004.12.06 |
브라우저 주소창에 긴 경로 안 나타나게 하기 [7] | 편입성공기 | 2004.12.06 |
새창에 폼태그로 전송하기 | 편입성공기 | 2004.12.06 |
도메인 포워딩 즉 페이지 자동이동하기 [6] | 편입성공기 | 2004.12.06 |
페이지 회색스크롤바로 바꾸기 | 편입성공기 | 2004.12.06 |
톡톡 튀는 홈페이지 테이블 제작하기 ^^ [6] | piasol | 2004.12.03 |
최근게시물의 폰트크기와 링크색상 바꾸는 방법 | LUFFY | 2004.11.20 |
웹폰트사용에 대한 실체를 밝힌다!! [22] | Multi_Taeji | 2004.11.13 |
a링크를 이용 새창 띄우기 [10] | 토토루 | 2004.11.07 |
웹문서 검색을 대비한 헤더,푸터 나누기. [4] | 그럴까? | 2004.10.29 |
각 객체접근.. [2] | canelia | 2004.10.29 |
W3C 표준 권고안. 앞으로 꼭 지켜주세요.. [14] | canelia | 2004.10.29 |
스타일시트에서 링크포커스 없애기 [12] | keymove | 2004.10.26 |
타이틀 바에 움직이는 타이틀 넣기. [5] | 덜렁이 | 2004.10.16 |
<button>태그를 아시나요? [6] | 그냥이렇게。 | 2004.10.13 |
TabIndex를 이용하여 탭키 컨트롤하기 [5] | 손상모 | 2004.10.08 |
테이블 주위에 점선효과!!!~~(초간단팁!) [6] | 초라 | 2004.09.25 |
경고창 없이 부모창 닫고 아기창에서 마우스 오른버튼 클릭시 아기창도 닫는다. [4] | 詩와언어™ | 2004.08.27 |