반응형
이번 글에서는 Google Developers에서 발표한 웹페이지 내에서 가장 많이 사용되는 태그들의 순위와 함께 각 태그별로 간단한 기능에 대하여 다루겠습니다.
# 웹페이지에서 많이 사용되는 태그들
(1) 1위 ~ 5위 : <head> / <html> / <title> / <body> / <a>
(2) 6위 ~ 10위 : <img> / <meta> / <br> / <td> / <tr>
(3) 11위 ~ 15위 : <p> / <script> / <div> / <b> / <font>
(4) 16위 ~ 18위 : <link> / <form> / <input>
# 태그별 간단한 설명
(1) head 태그
- 웹페이지의 제목, 속성에 해당하는 정보가 들어가는 부분으로 웨벺이지의 정보 문서에서 사용할 외부 파일들의 링크가 이 부분에 들어간다.
(2) html 태그
- 웹페이지의 시작과 끝에 기입하는 태그이며, 별도로 doctype 태그 또한 있으며 doctype 태그는 문서의 시작점에 한번만 입력한다.
(3) title 태그
- 웹페이지의 제목에 해당하는 정보를 입력하는 태그이며, 웹페이지 상단에 표시되는 탭의 제목에 해당한다.
(4) body 태그
- 웹페이지의 본문에 해당하는 부분으로 우리가 마주치는 웹페이지의 내용은 이 body 태그 내부에 기입된 정보들이다.
(5) a 태그
- a 태그는 링크를 걸 때에 사용하는 태그이며, a 태그의 앞부분에는 a href = “” 와 같이 입력하고, 뒤에는 닫히는 태그를 입력하여 사용한다.
(6) img 태그
- 이미지를 삽입하는 태그이며, img 태그 하나당 1개의 이미지를 삽입할 수 있으며 inline 태그와 src 속성과 함께 사용한다.
(7) meta 태그
- 웹페이지의 속성 및 인코딩 방식, 요약정보등을 입력하는 태그이다.
(8) br 태그
- 줄바꿈을 동작하는 태그이며, 닫히는 태그없이 사용되는 태그입니다. 우리가 실생활에 사용하는 ENTER의 HTML 버전으로 보면된다.
(9) td 태그
- html 내에서 표를 작성하는 table 태그 내부에서 사용되는 태그로 테이블 내부의 일반셀 태그이다.
(10) tr 태그
- html 내에서 표를 작성하는 table 태그 내부에서 사용되는 태그로 테이블 내부의 행을 구분하는 태그이다.
(11) p 태그
- 단락을 그룹핑해주는 태그로 사용 시 태그의 앞뒤로 빈 줄이 삽입된다.
(12) script 태그
- HTML과 자바스크립트를 이어주는 태그로, html 내에서 java script를 사용할 수 있도록 해주는 태그입니다.
(13) div 태그
- html 내에서 그룹핑을 할 때에 사용하는 태그로 주석과 함께 사용하는 개발자의 편리를 위한 태그이며, 웹페이지 상에서는 어떠한 동작도 하지 않는다.
(14) b 태그
- strong 태그와 함께 글자의 강조를 실행하는 태그로 우리가 Ctrl + B를 통하여 글씨의 색을 진하게 만들 때 이 태그가 진해진 글씨의 앞 뒤로 입력된다.
(15) font 태그
- 텍스트의 형식을 지정하는 태그이며 CSS가 적용되며 폐기된 태그이다.
(16) link 태그
- 다른 CSS 선언파일이나 파비콘 등을 연결하는 태그이다.
(17) form 태그
- 입력값을 받는 영역을 지정하는 태그로 한 페이지 내에 여러개가 들어갈 수는 있으나 중복 사용이 불가능한 태그이다.
(18) input 태그
- form과 같이 사용되는 태그로 사용자가 form 태그 내부에 정보를 입력할 영역을 만들 때 사용한다.
여기까지 Google Developers에서 발표한 웹페이지 내에서 가장 많이 사용되는 태그들의 순위와 함께 각 태그별로 간단한 기능에 대하여 다루었습니다.
반응형
댓글