Notice
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 노드
- 키다리 개발 일지
- tag
- web
- component
- html
- closure
- React calculator
- CSS
- ES6
- wep
- 키다리 개발자
- includes
- ecma
- react
- Element
- Node.js
- React.js
- jsx
- 키다리의 개발일지
- 볶음밥
- javascript
- props
- vue.js
- 회고록
- scope
- DoM
- Rendering
- map
- 시맨틱
Archives
- Today
- Total
키다리 개발자
HTML 이란? 본문
HTML의 뜻
HTML은 (Hypertext Markup Language)의 약자로 웹 페이지와 그 내용을 구조화하기 위해 사용하는 문서 규약이다.
통상 링크(link)라고 부르는 하이퍼텍스트(hypertext)를 통해 다른 웹 페이지로 이동할 수 있다는 특징이 있다.
이러한 링크 덕분에 사용자는 웹을 통해 쉽고 빠르게 다양한 정보를 얻을 수 있었고,
월드 와이드 웹(World Wide Web, WWW)이 인터넷 서비스의 대표 주자로 성장할 수 있게 되었다.
한 줄 결론
웹 사이트를 만들려면 HTML이란 언어를 사용해야 합니다.
HTML 역사
1990년에 팀 버너스 리에 의해 다른 과학자들과 서류 공유를 쉽게 하기 위해
설계되어 HTTP, URI, 브라우저와 함께 되었다.
시맨틱 태그(Semantic Tag)란?
HTML5의 큰 특징 중 하나는 시맨틱(Semantic) 태그이다
시맨틱 요소는 자신의 의미를 브라우저와 개발자 모두에게 명확하게 설명한다.
non-semantic 요소들의 예: <div>와 <span> - 자신의 콘텐츠에 대해 아무것도 설명해주지 않는다.
semantic 요소들의 예: <form>, <table>, <article> - 자신의 콘텐츠를 명확하게 정의함으로 내용을 유추할 수 있다.
HTML5 이전에는 <div>와 <span>에 id와 class를 붙여 구역을 나누고 스타일을 지정했다.
<div class="nav"> 같이 의미가 없는 <div> 태그에 이름을 붙이고 임의로 구역을 나눈 것이다.
시맨틱 태그에서는 <div class="nav">가 아니라, <nav>와 같이 뜻이 명확한 태그를 제공한다.
한 줄 결론
HTML5 버전에서는 시맨틱 태그(Semantic Tag)를 사용함으로
코드를 더욱 정규화시키고 가독성을 높이기 위해
적극적으로 사용하는 것을 권장합니다.
'HTML, CSS' 카테고리의 다른 글
HTML <link> rel, type, href (0) | 2019.10.01 |
---|---|
자주 쓰이는 HTML 기본태그 <a>, <img>, <ol>, <ul>, <li> (0) | 2019.09.25 |
자주 쓰이는 HTML 기본태그 <div>, <p>, <span> (0) | 2019.09.25 |
HTML 요소(Element)의 구조 (0) | 2019.09.25 |
HTML 기본 구조 (0) | 2019.09.25 |
Comments