정의
HTML 요소는 HyperText Markup Language(HyperText Markup Language) 문서에서 문서 구조와 의미를 정의하는 기본 단위이다. 요소는 시작 태그, 선택적인 내용(content), 종료 태그(또는 종료 태그가 없는 경우) 및 속성(attribute)으로 구성된다.
개요
HTML 요소는 웹 페이지의 골격을 형성한다. 요소는 크게 시작 태그와 종료 태그로 이루어진 쌍(tag pair) 형태와, 내용이 없고 종료 태그가 필요 없는 빈 요소(void element) 로 구분된다. 예를 들어 <p>문단 내용</p>는 문단(paragraph) 요소이며, <img src="image.jpg">는 이미지 삽입을 위한 빈 요소이다. 요소는 속성을 통해 추가 정보를 부여할 수 있다. 속성은 name="value" 형식으로 태그 내부에 나열된다(예: <a href="https://example.com">링크</a>).
HTML 요소는 블록 레벨 요소와 인라인 요소로도 구분된다. 블록 레벨 요소는 기본적으로 새 줄에서 시작해 전체 너비를 차지하며, 인라인 요소는 텍스트 흐름 안에서 연속적으로 배치된다. 요소의 의미와 동작은 W3C나 WHATWG에서 정의한 HTML 사양에 따라 표준화되어 있다.
어원/유래
HTML은 1990년대 초 Tim Berners-Lee가 제안한 HyperText Markup Language의 약어이다. element는 영어 단어로 ‘구성 요소’를 의미하며, 라틴어 elementum에서 유래한다. 따라서 “HTML 요소”라는 용어는 “HTML 언어에서 사용되는 구성 요소”를 의미한다.
특징
- 태그 구조: 대부분의 요소는
<태그명>과</태그명>형태의 시작·종료 태그로 둘러싸이며, 내용이 없는 경우<태그명 />혹은 종료 태그가 생략된 형태를 가진다. - 속성: 요소는
id,class,style,title등 다양한 전역 속성을 포함할 수 있으며, 각 요소마다 적용 가능한 특화 속성이 정의된다. - 계층 구조: 요소는 중첩되어 DOM(Document Object Model) 트리를 구성한다. 부모 요소와 자식 요소 간의 관계가 문서 구조와 스타일 적용에 영향을 미친다.
- 시맨틱 의미:
<header>,<nav>,<article>,<section>,<footer>등과 같이 의미를 명시하는 시맨틱 요소가 도입되어 접근성 및 검색 엔진 최적화(SEO)에 기여한다. - 호환성: HTML5 사양에서는 대소문자를 구분하지 않으며, 최신 브라우저는 대부분의 표준 요소를 동일하게 해석한다. 과거 HTML4와 XHTML과의 차이점(예: 빈 요소 표기법)도 존재한다.
관련 항목
- HTML
- HTML 태그
- DOM (Document Object Model)
- CSS (Cascading Style Sheets)
- 웹 표준(Web Standards)
- 시맨틱 웹(Semantic Web)
이 항목은 위키백과 스타일을 따르며, 객관적·중립적인 서술을 목표로 작성되었습니다.