웹 표준.... 정보
웹 표준....본문
웹표준... 잘들 준수하고 계신가요?
참...뭐를 위한 웹 표준인지...
div로 레이아웃을 할 줄은 알지만 웹표준에 대한 통감은 적은 것 같아요...
이런 코드는 웹 표준이 맞나요?
div에 또 div를 넣고 자리잡아서 맞추는 것이...이 코드로 만든 예제가..
http://code-mag.com/bbs/board.php?bo_table=test2&page=1
인데
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr" />
<title>She you in Seoul</title>
<HTML>
<HEAD>
<TITLE> 홈페이지 중앙정렬 </TITLE>
<style type="text/css">
#frame {
width:850px;
margin: auto;
background: #999
}
#header {
width: 850px;
margin: auto;
background:#3F9;
}
#menu {
background:#00F;
margin: 10px
}
#contain {
width: 550px;
background:#00F;
margin: auto;
float:left;
}
#element {
margin: 10px;
width:530px;
}
#sidebar {
width: 300px;
background:# 339;
margin: auto;
float: right
}
#footer {
background:#393;
width: 850px;
clear: both;
float: auto;
}
</style>
</HEAD>
<BODY>
<div id="frame">
<div id="header">
header
</div>
<div id="contain">
<div id="element">
<p>내용들이 이 곳에 나오죠. 이런 방식은 </p>
<p>맞는 것인가요?</p>
<p> </p>
</div>
</div>
<div id="sidebar">
<div id="menu">
Menu
</div>
<div id="banner">
banner
</div>
</div>
<div id="footer">
footer
</div>
</div>
</BODY>
</HTML>
이런 코드는 맞는 건가요?
웬지 테이블에 또 테이블 넣었던거처럼 ㅋㅋdiv에 또 div...ㅡㅡ;
참...뭐를 위한 웹 표준인지...
div로 레이아웃을 할 줄은 알지만 웹표준에 대한 통감은 적은 것 같아요...
이런 코드는 웹 표준이 맞나요?
div에 또 div를 넣고 자리잡아서 맞추는 것이...이 코드로 만든 예제가..
http://code-mag.com/bbs/board.php?bo_table=test2&page=1
인데
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr" />
<title>She you in Seoul</title>
<HTML>
<HEAD>
<TITLE> 홈페이지 중앙정렬 </TITLE>
<style type="text/css">
#frame {
width:850px;
margin: auto;
background: #999
}
#header {
width: 850px;
margin: auto;
background:#3F9;
}
#menu {
background:#00F;
margin: 10px
}
#contain {
width: 550px;
background:#00F;
margin: auto;
float:left;
}
#element {
margin: 10px;
width:530px;
}
#sidebar {
width: 300px;
background:# 339;
margin: auto;
float: right
}
#footer {
background:#393;
width: 850px;
clear: both;
float: auto;
}
</style>
</HEAD>
<BODY>
<div id="frame">
<div id="header">
header
</div>
<div id="contain">
<div id="element">
<p>내용들이 이 곳에 나오죠. 이런 방식은 </p>
<p>맞는 것인가요?</p>
<p> </p>
</div>
</div>
<div id="sidebar">
<div id="menu">
Menu
</div>
<div id="banner">
banner
</div>
</div>
<div id="footer">
footer
</div>
</div>
</BODY>
</HTML>
이런 코드는 맞는 건가요?
웬지 테이블에 또 테이블 넣었던거처럼 ㅋㅋdiv에 또 div...ㅡㅡ;
추천
0
0
댓글 7개
일단 문법에만 맞아서 Validator에 통과만 해도 웹 표준입니다.
중요한건 웹 접근성이죠.
CSS, 이미지 없는 환경에서도 사이트 내용을 구분할 수 있다면
잘 만들었구나가 되는겁니다.
중요한건 웹 접근성이죠.
CSS, 이미지 없는 환경에서도 사이트 내용을 구분할 수 있다면
잘 만들었구나가 되는겁니다.
그렇군요 그럼 뭐 이미지에도 다 이름을 넣어주고...
저렇게 div로 막 떡칠(?)해도 웹표준이죠?
ㅡㅡ;
테이블로 레이아웃을 안하고 이런 식으로 하는 게 더 좋은 점이 있나요?
ㅡㅡ;;;;
물론 메뉴라던지 이런 것들을 css를 통해 요리할 수 있다는 장점이 있겠지만 그런 걸 원치 않는다면...
ㅡㅡ; 음...별 차이가 없을 것도 같은데...
저렇게 div로 막 떡칠(?)해도 웹표준이죠?
ㅡㅡ;
테이블로 레이아웃을 안하고 이런 식으로 하는 게 더 좋은 점이 있나요?
ㅡㅡ;;;;
물론 메뉴라던지 이런 것들을 css를 통해 요리할 수 있다는 장점이 있겠지만 그런 걸 원치 않는다면...
ㅡㅡ; 음...별 차이가 없을 것도 같은데...
DIV 떡칠은 하지 않는 것이 좋습니다. 정 급할 때 쓰는 날림 기술이죠.
(떡칠이라고 불리우지 않는 이용을 해야하는 겁니다)
기존 테이블 레이아웃을 CSS로 대체하게되면
관리가 쉬워지고 HTML의 큰 수정없이 CSS만으로도 레이아웃을 완전히 달리 배치할 수 있다는게 장점이죠.
(떡칠이라고 불리우지 않는 이용을 해야하는 겁니다)
기존 테이블 레이아웃을 CSS로 대체하게되면
관리가 쉬워지고 HTML의 큰 수정없이 CSS만으로도 레이아웃을 완전히 달리 배치할 수 있다는게 장점이죠.
필요한 테그만 쓰면될거에요..
div class="side" 라고있는데
div class="menu" 는 필요없을거같아요
ul이나 ol로 마크업을 한다면...
ul class="menu" 해서 메뉴만들면 되잖아요
div class="side" 라고있는데
div class="menu" 는 필요없을거같아요
ul이나 ol로 마크업을 한다면...
ul class="menu" 해서 메뉴만들면 되잖아요
웹표준....
뭐 상식적으로 생각하면 뭔지는 스스로 알 수는 있을텐데
만들다 보면 웹표준 다 엄수하기 싫어지죠, 또 그럴 필요도 없고...
왜냐면 이미 잇는 라이브러리 가져다 쓰다보면 이미 웨표준이고 뭐고
섞여버리니깐요...
정말 신중을 기하는 거나 자신의 라이브러리를 만들어 가는 상황이 아닌이상 철저한 웹표준 지키기는 좀...
뭐 이미 깔끔하게 정리한 것들이 많다면 뭐...
뭐 상식적으로 생각하면 뭔지는 스스로 알 수는 있을텐데
만들다 보면 웹표준 다 엄수하기 싫어지죠, 또 그럴 필요도 없고...
왜냐면 이미 잇는 라이브러리 가져다 쓰다보면 이미 웨표준이고 뭐고
섞여버리니깐요...
정말 신중을 기하는 거나 자신의 라이브러리를 만들어 가는 상황이 아닌이상 철저한 웹표준 지키기는 좀...
뭐 이미 깔끔하게 정리한 것들이 많다면 뭐...
그냥 상식으로 메뉴는 div보단 ul li 가 낫고 뭐 레이아웃 같은건 div로 하는게 낫고
div안에 들어가는 요소라든가 하는ui 부분들은 테이블이 끼어 들어가는 게 깔끔할 거고,
그저 깔끔하고 알아보기 쉽고 재생산성 높은것?
뭐 웹 퍼블리싱이라는게 원래는 각 페이지 마다 다 다르게 하는 그런게 아니라
어떤 스타일 분위기 테마를 잡고 a링크의 색은 뭐 다들 거의 동일하고 뭐 이런식이어야 하는게
원래는 맞는거죠... global css -> 각각의 세부 css -> 뭐 클래스들 등등
그런데 이런건 많이 해본사람이 만들어놓고 잘 기획되어 간다면 좋지만 웹 퍼블리싱 쪽에 그런 실력자를
우리나라에서 많이 못 본 듯함....
div안에 들어가는 요소라든가 하는ui 부분들은 테이블이 끼어 들어가는 게 깔끔할 거고,
그저 깔끔하고 알아보기 쉽고 재생산성 높은것?
뭐 웹 퍼블리싱이라는게 원래는 각 페이지 마다 다 다르게 하는 그런게 아니라
어떤 스타일 분위기 테마를 잡고 a링크의 색은 뭐 다들 거의 동일하고 뭐 이런식이어야 하는게
원래는 맞는거죠... global css -> 각각의 세부 css -> 뭐 클래스들 등등
그런데 이런건 많이 해본사람이 만들어놓고 잘 기획되어 간다면 좋지만 웹 퍼블리싱 쪽에 그런 실력자를
우리나라에서 많이 못 본 듯함....
