HTML5 기본 문법 정리

1727 단어 webhtml5html5

오늘은 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 : 요소에 대한 제목 지정

참조 poiemaweb - HTML5 Syntax

좋은 웹페이지 즐겨찾기