HTML 이해하기

2_현주·2024년 4월 5일

HTML

목록 보기
1/1

HTML

(HyperText Markup Language)

Hyper Text / Markup / Language
하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트로 (콘텐츠를) 표시하는 언어이다.

즉, HTML은 웹 브라우저를 통해 표시되는 웹 페이지의 콘텐츠를 정의하기 위해 사용하는 언어이다._


HTML5

HTML의 5번째 버전으로 현재 웹 개발의 표준

HTML5는 2014년 10월에 출시 되어 이후 웹 페이지와 웹 애플리케이션을 구축하기 위한 표준이 되었다. 웹 페이지와 웹 응용 프로그램을 더 쉽게 만들 수 있는 새로운 기능과 요소가 포함되어 있다.

이전 버전 HTML4와 달라진점을 간단히 알아보자.

  • 문서 선언
    <!DOCTYPE html>으로 간소화되었다.

  • 시맨틱 요소의 추가
    div요소의 잦은 사용으로 코드가 복잡해져
    컴퓨터가 html 문서의 의미를 파악하기 쉽도록 추가 되었다. 추로 시각장애인에게 사이트의 어디가 본문인지 아닌지 알려줄 수 있다는 장점이 있다.
    <header> - 페이지 최상단의 머리말
    <nav> - 메뉴, 목차, 페이지 리스트 등
    <main> - 메인이 되는 콘텐츠
    <article> - 게시글, 뉴스 기사 등
    <section> - 독립적인 구획
    <aside> - 본문을 표시하고 남는 부분 설명
    <footer> - 페이지 최하단의 꼬리말

  • 멀티미디어 요소의 추가
    플러그인 없이 멀티미디어를 재생할 수 있게 한다.
    <audio> - 오디오 재생을 위한 요소
    <video> - 비디오 재생을 위한 요소


HTML 문서

응용 프로그램에 따라 다른 형태로 열리는 것이 특징

HTML 코드는 결국 텍스트이기에 코드를 작성할 때는 텍스트 편집 전용 프로그램을 사용해 'HTML 문서'를 만들어야 한다. 텍스트 편집기로 열면 코드 형태, 웹 브라우저로 열면 웹 페이지 형태로 보인다.

profile
프론드엔드 개발자 입니다!

0개의 댓글