[WEB] HTML두 번째

첫 번째 시간 내용을 다시한번 복습하고 진행하겠다.

많은 플랫폼과 디바이스에서 동일한 결과물을 보여주기 위해서 표준화가 필요하다. 표준화로 인해 개발시간과 비용이 줄어드는 장점이 있다.

웹표준을 잘 지키면 웹 접근성이 좋아진다. 웹 접근성이 좋아진다는 의미는 누구나 쉽게 웹을 이용할 수 있다는 것이다. 사회문화적인 환경을 고려해 볼 때 접근성을 높이기 위한 노력을 게을리하지 않아야하겠다.

 HTML은 그 자체적으로 표면적이고 구조적인 문서일 뿐이다. 따라서 어떠한 의미를 지니고 있지는 않는다. 그렇기 때문에 시멘틱 웹, 즉 의미론적 웹이 등장하였다. 시멘틱 웹에서는 데이터가 의미를 지니고 있으므로 사용자 뿐만 아니라 컴퓨터가 그 의미를 인식할 수가 있다. 그러므로 원하는 데이터를 단순한 내용이 아니라 그 의미까지 알 수 있도록 확장시킨 웹이다.

앞서서 시멘틱 웹을 표현하기 위한 2가지 방법을 언급하였다.

첫 번째는 <meta>작성이며 웹의 정보를 나타낸다.

두 번째는 <h1>,,,<h6>작성이다. HTML문서를 좀 더 구조적으로 만들어주기 때문에 시멘틱 웹을 잘 표현할 수 있다.

이어서 HTML에 대해 더 알아보자.

링크요소
<a>
- 페이지내 링크(책갈피)
예)<a href="#section">소개</a> ... <a name="section">내용</a>
- URL연결
<a href="http://www.google.com">구글</a>
- 새창으로 열기
<a href="http://www.google.com" target="_blank">구글</a>

<link>
head부분에서 선언되며 여러번 선언될 수 있다.

오브젝트, 이미지요소
<img src="경로"/>

폼요소
사용자로부터 정보를 입력받아 처리하고자 하는 특정한 동작이나 요청, 데이터 값을 웹서버에 송신을 함

<form action="처리할 프로그램의 URL" method="get|post|put|delete" enctype="multipart/form-data(폼의 컨텐트 타입을 지정)">

get : 서버에 ?name/value값이 붙어서 전송.
post : URL에 포함되지 않음(비밀번호)

<input type="text|passward|checkbox|radio|reset|file|hidden|image|button" name="이름" value="값지정" size="너비" maxlenth="최대길이" 등등등 속성은 알아서 찾아보길>

iFrame
특정 HTML을 불러온다.
예)

<iframe src="Form_exam.html" frameborder="1" scrolling="auto" width="500" height="500" title="폼내용"></iframe>

HTML 4.0에 대해서는 이정도에서 마무리한다. 아직 언급하지 않은 많은 요소(elements)들이 있지만 꼭 알아야하기보다는 HTML을 만들 때 인터넷에서 참고하는 것으로 구조를 만들 수 있다. 그보다 중요한 것은 HTML의 특징이 무엇이며 어떠한 구조를 지니고 있는지 파악하는 것이 중요하다.