본문 바로가기

책 쓰기

웹의 표준과 구성요소를 알아봅시다 ②

이번에는 웹의 표준과 구성요소를 알아봅시다.

 

웹표준을 정하는 W3C(World Wide Web Consortium)에서는 웹표준 제정목적은 웹의 모든 가능성과 잠재력을 이끌어 내는데 있다고 한다. 즉, 모두를 위한 웹(Web for All)과 모든것 위에서의 웹(Web on Everything)이라고 명시했다.

 

웹을 구성하는 기술적 요소는 HTML, CSS, Javascript이다. 웹사이트를 제작하는데는 기술적 3요소 외에도 JSP, PHP, ASP와 같은 서버측 개발언어와 Oracle,Ms-Sql, My sql과 같은 데이터베이스가 사용된다.

HTML은 정보를 설계하는 문서이다.

 

XHTML의 전체적인 구조는 DOCTYPE, <head>, <body>로 구성되어 있다.

DOCTYPE부분은 XHTML문서의 문서형을 선언하는 부분이며, <head>는 본문에는 나타나지 않지만 주로 기계나 프로그램을 위한 메타정보나 CSS, Javascript와 같은 외부자원을 지정하는 부분이다. <body>는 XHTML 문서의 본문내용이 작성되는 부분이다.

 

XHTML의 태그는 기본적으로 '여는태그'와 '닫는태그'로 구성되어 있으며, 두태그 사이에 콘텐츠 요소가 삽입된다. 여는태그안에는 '속성'과 '속성값'을 사용할 수 있으며, 모든태그와 속성은 소문자로 작성하며 반드시 겹따옴표(" ")를 사용한다. 이미지<img>나 서식요소<input> 등은 시작태그 마지막에 " / "로 닫아야 한다.

DOCTYPE은 strict, transitional, frameset 세종류로 되어 있으며, 주로 transitional dtd가 많이 사용되다.

 

HTML의 <head>영역안에는 반드시 <title>이 지정되어야 한다. 이는 단한번만 지정되는 요소로 문서으 ㅣ제목을 표시한다. 이외 <meta>요소는 HTTML 자체의 정보를 작성하는태그이며, <link>는 HTTML에 사용되는 외부자원을 연결하는 요소로 <head>범위내에서 지정된다.

 

<body>영역의 요소에는 <h1>부터<h6>이 있는데 이는 제목을 작성하는 요소로 정보계층을 기계적으로 구조화 하는 역할을 한다. 이외에도 <p>는 문단의 작성, <adress>연락처 정보, <hr> 구분선 작성, <blockquote>인용된 문단 표시외 다수의 요소가 있다.