정보

HTML에 대하여

경제적자유로 가자 2025. 6. 13. 18:29
728x90
반응형

HTML은 HyperText Markup Language의 약자로, 웹 페이지의 구조와 내용을 정의하는 표준 마크업 언어입니다. 간단히 말해, HTML은 웹 브라우저가 텍스트, 이미지, 링크, 폼 등 다양한 요소를 어떻게 표시하고 구성할지 알려주는 "설계도"입니다 .

📜 HTML의 주요 특징

구조와 태그

  • HTML 문서는 <!DOCTYPE html> 선언으로 시작하고 <html>, <head>, <body> 등 계층적 구조로 구성됩니다 .
  • <p>, <h1>, <ul>, <li>, <a> 등 태그를 사용해 문서 구조를 정의합니다 .

시멘틱 마크업

  • 시맨틱 태그(예: <header>, <nav>, <article>, <section>, <footer>)는 내용의 의미를 명확히 전달해, 접근성과 검색 엔진 최적화에 도움이 됩니다 developer.mozilla.org.

멀티미디어와 API

  • HTML5는 <audio>, <video>, <canvas>, 웹 스토리지, 지오로케이션, SVG, MathML 등 풍부한 기능을 지원합니다 en.wikipedia.org.

🕰️ HTML의 역사

연도발전
1989–1991 팀 버너스-리(Tim Berners-Lee)가 CERN에서 HTML 초안을 작업하고 웹과 브라우저를 함께 개발 medium.com+10en.wikipedia.org+10wired.com+10.
1993 HTML 1.0 공개; 이후 HTML 2.0, 3.2, 4.01 등 버전 발전 .
2000 XML 기반의 XHTML 등장 .
2008–2014 WHATWG 주도하에 HTML5 초안 발표, 2014년 W3C 정식 권고가 되었고 현재 Living Standard로 유지 중 .
 

HTML은 초기 단순 텍스트 중심 구조에서 벗어나, 풍부한 멀티미디어와 웹 애플리케이션 기능을 지원하도록 진화해 왔습니다.

🔧 현대 웹에서의 HTML 사용

  1. 문서 구조 정의: 콘텐츠의 의미를 잘 드러내도록 시맨틱 태그를 활용합니다.
  2. 디자인 분리: CSS로 시각적 스타일을 분리해 구조와 프레젠테이션을 효율적으로 관리합니다 .
  3. 동적 기능 추가: JavaScript와 DOM API를 사용해 페이지 구조를 동적으로 조작할 수 있습니다 .

🧭 마무리

  • HTML은 웹의 근간 언어입니다.
  • 시멘틱 태그는 구조적 의미와 접근성을 돕습니다.
  • HTML5와 Living Standard는 최신 웹 애플리케이션 기능을 지원합니다.

웹 개발을 시작할 때 가장 먼저 익혀야 하는 언어이며, CSS·JavaScript와 함께 현대적인 웹을 구성하는 핵심 기술입니다.

 

 

 

HTML의 특수문자 종류

 

https://memojjang12345.tistory.com/3

 

HTML 특수문자 종류

컨트롤 F로 검색으로 찾으세요. 표현문자숫자표현문자표현비고++-더하기 기호,,-쉼표---Hyphen..-마침표//-Solidus (slash)0 - 90-9-0부터 9까지::-콜론;;-세미콜론<<보다 작은==-등호>>>보다 큰??-물음표@@-Comm

memojjang12345.tistory.com

 

 

728x90
반응형