웹 표준을 이용한 ASP.NET 2.0 웹 사이트 제작하기(1) General .NET2009/03/17 23:24
원글 : http://msdn.microsoft.com/ko-kr/library/aa479043(en-us).aspx#aspnetusstan_topic17
아래의 내용은 원글을 번역한 내용입니다.
마이크로소프트의 ASP.NET 2.0은 디자인과 XHTML과 접근성있는 표준 웹 사이트를 제작하는데 도움을 주는 많은 특징을 가지고 있습니다. 이 아티클은 표준 규격 사이트를 제작하는 방법에 대해 도움을 줍니다.
1. Introduction
마이크로소프트 ASP.NET 2.0 프레임워크는 웹 표준을 준수하는 웹사이트 제작을 위한 최적의 프레임워크로 디자인 되었습니다. 특히 ASP.NET 2.0 프레임워크에 포함된 대부분의 컨트롤은 XHTML과 접근성 표준화에 대비해서 광범위하게 리뷰되고 테스트 되었습니다. 게다가 마이크로소프트 Visual Studio2005는 웹 페이지의 XHTML과 접근성 표준화를 대비하는 새로운 도구를 포함하고 있습니다.
이 페이퍼의 목적은 XHTML과 접근성 표준화를 소개하고 그리고 이러한 표준을 접하기 위해 ASP.NET 2.0과 Visual Studio 2005를 어떻게 이용하는지를 설명합니다. 이 페이지의 끝에서 XHTML과 접근성 표준화를 만족하는 ASP.NET 2.0 웹 사이트를 생성하기 위한 step-by-step을 제공받을 수 있습니다.
HTML 표준의 작성법은 일반적으로 2개의 목표를 가집니다.
- 문서구조와 표현을 분리하기
- XML의 애플리케이션으로 HTML을 다시 공식화 하기
첫번째 목표에서 추구하는 것은 W3C가 HTML로 부터 엘리먼트와 애트리뷰트의 표상적인 것을 점차적으로 지워나가는 것이다.(HTML4.0에서 시작되었다.)
예를 들어서 XHTML 1.0 Strict 는 <font> 테크와 같은 엘리먼트와 bgcolor 애트리뷰트와같은 애트리뷰트를 포함하지 않습니다. 왜냐하면 이들 엘리먼트와 애트리뷰트는 하나의 문서표현을 묘사하는데만 사용되고 문서의 구조와는 관계가 없기 때문입니다.
W3C는 어떤 특정 테그가 특별한 표현을 가지는 생각을 웹 사이트 디자이너와 개발자로 부터 떼어낼 시도를 하였습니다. 예를 들어서 <h1> 테그의 목적은 페이지에서 큰 볼드 텍스트를 렌더하기 위한 목적을 가집니다. <h1>테그는 문서에서 헤드부분이나 그 밖에 와 같은 부분을 마크 하는데 사용되어 집니다. 그것은 렌더과정에서 헤딩 테그가 결정되어 브라우저에 나타나게 됩니다. 시력이 좋지 않은 사람이 스크린 리더를 사용하면 해당 부분을 소리내어 읽어줍니다. PDA는 깜빡거리는 텍스트나 헤딩 테그의 내용을 렌더링 할 때 멀티 폰트 사이즈를 지원하지 않습니다.
그래서 <h1>과 같은 테그를 사용할 때는 웹 페이지의 표현을 위해 사용하지 말아야 합니다. 대신에 웹 페이지에 어떤 표현을 사용하고자 할 경우는 CSS를 통해서 그것을 표현해야 합니다. 되도록이면 CSS는 외부 CSS이어야만 합니다. 테그와 애트리뷰트는 문서구조를 마크 하는데 사용되어야 하고 CSS는 문서의 표현을 위해 사용되어야 합니다.
XHTML의 두번째 목표는 HTML 개발에서 XML의 엄격한 규칙을 실시하는 것 입니다. W3C에서는 "HTML 1.0은 XML 1.0 애플리케이션 처럼 HTML 4.01을 재표현한 것이다."(http://www.w3.org/MarkUp/). 바꿔말하면 XHTML을 사용하여 웹 페이지를 작성할 때 실질적인 XML 문서를 생성할 수 있습니다.
XML 문서는 HTML 문서보다 엄격한 문법을 가집니다. 예를 들어서 XML은 대문자와 소문자를 구별하고 모든 XML 애트리뷰트는 인용부호를 사용해야만 하고 XML 테그는 중복될 수 없어야 합니다. 웹 사이트 개발자와 디자이너는 언어에서 요구되는 규칙의 많은 이점을 따라야 합니다. XHTML 마크업으로 작성된 페이지의 이점 중 하나는 크로스-브라우저, 크로스-디바이스, 그리고 서로 호환할 수 있는 크로스-운영체재에 완벽하게 호환된다는 것 입니다. 브라우저에서 전통적인 HTML 페이지를 열었다면 해당 브라우저는 페이지를 렌더 합니다. 해당 브라우저는 페이지를 렌더하는데 엉망으로 작성된 HTML 페이지라도 렌더를 시도할 것입니다. 아래의 코드를 인터넷 익스플로러(그리고 파이어폭스 그리고 오페라)는 HTML 페이지로 정교하게 디스플레이할 것입니다.
<i><B>this is bold and italic</I> and this is bold
</body></HTML>
인터넷 익스플로러는 이 페이지를 운좋게 디스플레이 할 것입니다. 위의 코드에서 <html> 오픈이 없고, <body> 오픈 테그도 없으며 <b>테그는 닫혀 있지 않고 <i> 테그는 오픈/클로즈가 맞지 않지만 대부분의 메이저 브라우저는 HTML테그의 "tag 수프"를 제공하므로 어떤 것이든 렌더를 시도할 것입니다.
이러한 브라우저의 행위는 위험합니다. 왜냐하면 다른 브라우저들은(다른 운영체재 에서 실행되는 브라우저나 같은 브라우저의 상위 버전) 서로 다른 방법으로 렌더를 할 것이기 때문입니다. 실질적인 핵심은 인터넷 익스플로러, 모질라 파이어폭스, 그리고 오페라의 최종 버전은 타당하지 않은 HTML 렌더를 놀랍게도 일관성 있는 방법으로 수행합니다.
'General .NET' 카테고리의 다른 글
| ASP.NET MVC(C#)으로 15분만에 영화 데이터베이스 애플리케이션 생성하기(1) (2) | 2009/11/17 |
|---|---|
| ASP.NET으로 웹 표준 코딩 해보기(1) (0) | 2009/05/22 |
| 웹 표준을 이용한 ASP.NET 2.0 웹 사이트 제작하기(1) (0) | 2009/03/17 |
| Socket Class (0) | 2008/11/30 |
| HttpWebRequest - 웹 화면 가져오기 (0) | 2008/11/30 |
| 세티가 정리한 VB.NET(6) - If.....then (0) | 2008/11/30 |
