HTML 태그란?

HTML 공부! 2016. 3. 2. 23:34

HTML 태그란?


HTML을 기술하기 위하여 사용하는 명령어의 집합을 태그(Tag)라고 한다. 

태그는 기본적으로 여는 태그와 닫는 태그로 구성되며, 

닫는 태그 없이 단독으로 이용하는 태그도 있다. 

태그에 주는 다양한 옵션은 모두 여는 태그에 지정하며, 

닫는 태그는 태그 효과가 적용되는 범위의 끝을 나타내는 기능만 한다.



그런데 태그 종류가 수십 가지가 넘는데다,

지정가능한 옵션까지 일일이 열거하면 책 한 권 분량이 된다. 

따라서 일반인은 사용빈도가 높은 일부 태그만 암기하고, 

나머지는 '태그사전(또는 레퍼런스)'이라고 하는 도움말 파일을 참고하는 편이다. 

물론 암기 범위는 고급 사용자 내지는 

프로페셔널(흔히 웹 디자이너라고 하는 사람들)로 갈수록 넓어진다.



태그는 HTML의 근간이기 때문에,

HTML 기반 채팅 프로그램에서도 사용할 수 있다. 

대표적인 예가 cafe24 채팅.

다만 보안상 문제와 수많은 테러 때문에 현재는 대부분의 태그를 막고, 

일부 태그만 허용하는 상태. 

그림 삽입이나 페이지 링크, 음악 삽입, marquee 정도가 허용된다. 

대부분의 PHP 기반 웹 게시판에서도 원칙적으로 

글 제목과 내용에 태그를 적용시킬 수 있다

다만 채팅과 같은 이유로 그 사용을 제한하는 경우가 많다. 

특히 제목부분에는 어떤 태그도 허용하지 않는 것이 일반적.



HTML 4와 XHTML에서의 태그 사용 방식이 약간 다르다. 


여는 태그와 닫는 태그가 별도로 존재하지 않는 태그

 (<img>, <br>, <hr> 등)의 경우 

XHTML에서는 XML의 표준 표현법에 따라

 <img /> 등으로 닫는 부등호 앞에 /를 달아준다.

 덧붙여 <img/>보다 <img />(/ 앞에 공백이 있음)을 쓰는 것이

오래된 브라우저와의 호환성을 보장하는 방법이다.

HTML 5에서는 HTML 4의 방식으로 다시 돌아갔다.



웹 디자이너, 웹 프로그래머는 기본 소양이라고 할 수 있다.

'태그사전'의 도움을 받으면,

약간의 교육만으로 누구나 간단한 웹 사이트는 만들 수 있다.

물론 복잡한 사이트는 경험이 필요하기 때문에 입문자는 만들기 힘들다.



사실 HTML 규격에는 

HTML이 어떻게 표시돼야 할지에 대해서 큰 틀만 정해져 있고 

구체적으로는 설명하지 않고 있다.


예를 들어 테이블의 경우 선을 이용해서 줄과 칸을 구별하는 식으로 정해져 있지만, 

선의 모양을 구체적으로 정의하지는 않은 것이다.

애초에 HTML은 화면 구성보다는 의미 표현에 치중하고 있기 때문이다.

결국 한 HTML 파일도 브라우저마다 다르게 보이는 경우가 존재한다.

이로 인해 최근의 추세는 HTML에는 표시하고자 하는 문서의 구조를 중심으로 기술하고, 

구체적인 표시 방법은 CSS에서 정의하는 방향으로 나아가고 있다

(하지만 이 CSS도 브라우저마다 표시하는 방법이 달라서 골치를 썩이는 경우가 있다.

 이것은 전적으로 브라우저 책임. 특히 IE6같은 옛날 브라우저는 문제가 심각하다). 


이 때문에 Acid2 Test와 Acid3 Test 등의 브라우저가 

얼마나 표준을 잘 지키는가를 확인하는 테스트도 등장하였다.





HTML 태그란?

HTML 태그란?


HTML 태그란?

HTML 태그란?

HTML 태그란?


'HTML 공부!' 카테고리의 다른 글

HTML 테그연습장 링크  (0) 2016.03.05
텍스트 관련 HTML/태그  (0) 2016.03.02
HTML 문서 저장 방법  (0) 2016.03.02
HTML 버전  (0) 2016.03.02
".koreahtml5" "HTML5의 개념 및 특징", "HTML5의 주요기능"  (0) 2016.03.02
블로그 이미지

Preserved_Flower ♡

,