오늘은 HTML5에 대해 정리한다.🌷
HTML5
HTML은 웹페이지를 기술하기 위한 마크업 언어다.
웹페이지의 내용과 구조를 설계한다.
HTML5 에 다음 기능이 추가되었다.
멀티미디어, 그래픽, 통신, 디바이스 접근, 오프라인 및 저장소, 시맨틱 테그, CSS3
HTML5 구조
- <!DOCTYPE html>로 시작한다. 문서 형식을 HTML5로 지정하는 것이다.
- HTML document는 < html> < /html>안에 들어온다.
- head 테그 안에는 document title, 외부파일, 메타데이터가 들어온다.
- head 테그 안에 있는 내용은 브라우저에 표현되지 않는다.
- 브라우저에 표시되는 내용은 body 테그 안에 들어온다.
HTML5 기본 문법
HTML 요소는 시작테그로 시작되어 종료테그로 끝난다. 사이에는 콘텐츠가 들어간다. 콘텐트 없는 테그도 있는데 이런 테그를 빈 요소라고 한다. 콘텐트가 필요 없고 어트리뷰트만 가진다.
빈요소는
- < br/>
- < hr/>
- < img/>
- < input/>
- < meta/>
어트리뷰트는 요소의 성질, 특징을 의미한다. 요소의 추가적인 정보를 나타낸다.
<img src = "sss.jpeg" />src가 어트리뷰트 이름이고 뒤에 파일 이름이 어트리뷰트 값이다.
모든 HTML 요소가 사용하는 어트리뷰트는 글로벌 어트리뷰트라고 한다.
- id : 유일한 식별자
- class : 중복 가능
- hidden : 브라우저에 노출되지 않는다.
- lang : 지정된 요소의 언어를 지정
- style : 인라인 스타일을 지정한다.
- tabindex : 사용자가 키보드로 내비게이션 이동 순서를 정한다.
- title : 요소에 대한 제목 지정
안녕하세요. 이서현입니다( ღ'ᴗ'ღ )