HYML(HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다.
-> 자세히 말하면 웹페이지의 내용과 구조를 담당하는 언어로 HTML 태그를 통해 정보를 구조화하는 것이다.
HTML5는 2014년 10월 28일 확정된 차세대 웹 표준으로 아래와 같은 기능들이 추가되었다.
멀티미디어,
그래픽,
통신,
디바이스 접근(하드웨어 기능을 직접적으로 제어할 수 있다),
오프라인 및 저장소(오프라인 상태에서도 애플리케이션을 동작시킬 수 있다),
시맨틱 태그(HTML 요소의 의미를 명확히 설명하는 시맨틱 태그를 도입하여 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명할 수 있다 -> 이를 통해 HTML 요소의 의미를 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹을 실현할 수 있다),
CSS3(HTML5는 CSS3를 완벽하게 지원)
HTML5 문서는 반드시 <!DOCTYPE html>로 시작하여 문서 형식을 HTML5로 지정한다
<html></hmtl> - 실제적인 HTML document
<head></head> - document title, 외부 파일의 참조, 메타데이터의 설정 등이 위치하고 이 정보들은 브라우저에 표시X
<body></body> - 웹브라우저에 출력되는 모든 요소 표시
1. 요소
<p></p> - HTML 요소는 시작 태그와 종료 태그 그리고 사이에 위치한 content 3가지로 구성된다
예) <p>Hello</p>(시작태그,content,종료태그)
1-1. 요소의 중첩
-> <html> 요소는 <body> 요소를 포함하고 body 요소는 h1, p 요소를 포함한다.
요소는 다른 요소를 포함할 수 있다. 이때 부모자식관계가 성립되는데 이러한 관계로 정보를 구조화한다.
이 관계를 쉽게 파악하기 위해 들여쓰기를 활용한다.
1-2 빈 요소
content를 가질 수 없고 속성만을 가질 수 있는 요소이다.
예) <meta charset="utf-8"> / br, hr, img, input, link, meta 등이 있다.
1-3 속성
속성이란 요소의 성질, 특징을 정의하는 명세이다. 속성은 요소 추가적 정보(이미지 파일의 경로, 크기 등)를 제공한다. 속성은 시작 태그에 위치해야 하며 이름과 값의 쌍을 이룬다.
예) <img src = "html.png"> -> src : 속성이름, "html.png" : 속성값
1-4 전역속성
전역속성은 모든 HTML 요소가 공통으로 사용할 수 있는 속성이다. 대체로 모든 요소에 사용될 수 있다.
id - 유일한 식별자를 요소에 지정, 중복 지정 불가
class - 스타일시트에 정의된 class를 요소에 지정, 중복 지정 가능
hidden - css의 hidden과는 다르게 의미상으로도 브라우저에 노출되지 않게 된다.
lang - 지정된 요소의 언어를 지정, 검색엔진의 크롤링 시 웹페이지의 언어를 인식할 수 있게 한다.
style - 요소에 인라인 스타일을 지정한다.
tabindex - 사용자가 키보드로 페이지를 내비게이션 시 이동 순서를 지정한다.
title - 요소에 관한 제목을 지정한다.
1-5 주석
<!--화면에표시X-->
'Javascript > HTML5' 카테고리의 다른 글
| 6. 목록,표 형식 표현을 위한 태그 (0) | 2020.05.12 |
|---|---|
| 5. Hyperlink (0) | 2020.04.29 |
| 4. 텍스트 관련 태그 (0) | 2020.04.29 |
| 3. 기본 태그 (0) | 2020.04.29 |
| 2. 시맨틱 요소와 검색 엔진 (0) | 2020.04.29 |