HTML이란
웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어
※ HyperText : 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 이동하는 기능
기존의 텍스트가 전형적인 특징이 순서가 정해져 있다면,
하이퍼 텍스트는 순서가 정해져 있지 않고 여기저기 갈 수 있다.
※ Markup : 태그(tag)를 사용해 어느 부분이 제목이고 본문인지 표시하는 구조화를 의미한다.
위의 정보를 아래와 같이 표시할 수 있으며
<이름>까망 하르방</이름>
<내용>https://zoosso.tistory.com/</내용>
실제 태그로는 아래와 같이 표시할 수 있다.
웹 문서(*.html 또는 *.htm)를 보는 프로그램
웹 문서를 보는 프로그램을 웹 브라우저(web browser)라고 한다.
다양한 브라우저와 브라우저를 가동하는 엔진들이 존재하며,
개발자는 주로 웹킷(webkit) 엔진을 사용하는 [Chrome Browser]를 이용.
실제 소스 엿보기
[크롬 브라우저] - [우클릭] - [소스보기]
『<』와 『>』 태그를 활용한 HTML 코드를 확인할 수 있다.
모바일 태블릿, TV, 냉장고와 같은 가전 제품 등 다양한 IOT 제품들이 등장했으며
이러한 기기들에 웹 사이트 정보를 제공하기 위한 웹 표준이 HTML5 이다.
웹 호환성 (웹 브라우저 HTML5 지원 정도)
다른 브라우저: Firefox / Internet Explorer / Edge / Opera / Safari 등이 존재하는데
웹 브라우저별 HTML5지원정도는 http://html5test.com/ 사이트에서 확인 가능
※ 과거 HTML은 주로 브라우저에 화면을 보여주는 역할이었지만, 현재는 브라우저가 DB를 이용할 수도 있고,
오디오나 비디오와 같은 기능 등 보다 많은 기능이 존재한다.
(iPhone에서 플래시를 지원하지 않으면서, 이를 대체할만한 <audio>, <video>과 같은 HTML5이 관심 받음.)
HTML5 Spec
- 내장 DB Storage 기능
- 웹 소켓(WebSocket) 기능
- 네트워크 연결 없이 브라우저에서 보관된 HTML과 자원들을 실행할 수 있는 오프라인 기능
- 다른 도메인의 이미지나 파일을 읽고 쓰는 File Access 기능
- 별도 Media Player 없이 실행할 수 있는 오디오, 비디오 기능
- Flash 없이 Animation 효과를 가지는 CSS3 기능
- 모바일 크기에 맞출 수 있는 Media Query
※ HTML 실습을 위한 편집도구로 Visual Studio Code, Atom, Brackets, Sublime 등이 존재.
'Web > HTML과 CSS' 카테고리의 다른 글
[CSS] CSS 선언방법 (0) | 2021.03.04 |
---|---|
[HTML] 로렘 입숨 (Lorem Ipsum) (0) | 2021.03.04 |
[HTML] HTML 기본 구조 (0) | 2021.03.03 |
HTML 태그 주석 <!-- --> (0) | 2021.02.22 |
[CSS] CSS 선택자 (0) | 2021.02.21 |
댓글