HTML(HyperText Markup Language)은 인터넷에서 웹 페이지를 만들고 구성하는 데 도움이 되는 특수 언어입니다. 웹사이트는 단순히 여러 웹페이지의 모음이며 HTML은 웹페이지를 만드는 데 중요한 요소입니다.
웹페이지의 구성 요소라고 생각할 수 있습니다. 기본적으로 이는 의도적인 웹사이트 생성을 위해 따라야 하는 고유한 구문과 규칙이 있는 언어입니다. 행사, 날짜, 장소가 포함된 크리스마스 디지털 초대장을 만들고 싶다고 상상해 보세요. 행사를 더 큰 글꼴로 표시하고 날짜와 장소를 더 작은 글꼴로 표시하고 싶습니다. 이제 HTML을 사용하여 컴퓨터에 초대 표시 방법을 알려주는 일련의 지침이나 규칙을 작성할 수 있습니다.
HTML에서 다양한 태그를 사용하여 웹페이지의 다양한 부분을 정의할 수 있습니다. 특별한 라벨처럼 콘텐츠에 의미를 부여하기 위해 콘텐츠 주위에 태그를 추가합니다. 예를 들어 행사 제목에는
이라는 제목 태그를 사용합니다. 날짜와 장소에는 (더 작은 제목) 및
(파라) 태그.
수년에 걸쳐 HTML에는 많은 발전이 있었습니다. 이 기사에서는 수년에 걸쳐 HTML의 모든 버전을 평가할 것입니다.
HTML의 다양한 버전
HTML의 주요 버전은 다음과 같습니다.
1. HTML 1.0
HTML의 첫 번째 버전 중 하나인 HTML 1.0은 1993년에 출시되어 웹페이지 구축의 기반을 마련했습니다. 주요 특징 중 일부는 다음과 같습니다.
- 구조적 요소: HTML 1.0에는 웹페이지 콘텐츠에 구조를 추가할 수 있는 요소가 도입되었습니다. 여기에는 제목, 목록, 단락 및 이미지가 포함됩니다.
- 비교적 단순함: HTML 1.0은 이후 버전의 HTML에 비해 매우 단순했습니다. 스타일 옵션이나 콘텐츠가 웹 브라우저에 표시되는 방식을 제어하는 기능이 없었습니다. 또한 HTML 1.0에는 테이블에 대한 지원이 부족했습니다.
- 글꼴 지원: HTML 1.0에는 글꼴이 도입되었지만 제한적이었습니다. 즉, 텍스트 스타일이나 크기를 변경할 수 있는 범위가 최소화되었습니다.
그럼에도 불구하고 HTML 1.0은 웹 개발 분야를 시작했으며 그 기능은 업데이트될 때마다 계속 발전했습니다.
2. HTML 2.0
HTML 2.0 버전은 1995년에 출시되었으며 이전 버전에 비해 상당한 개선이 이루어졌습니다. 그 중 일부는 다음과 같습니다.
- HTML 표준화: 이 버전에서는 모든 웹 브라우저가 따라야 하는 공통 규칙과 규정을 설정하여 HTML을 표준으로 만들었습니다.
- 양식: 가장 중요한 점은 HTML 2.0에 사용자가 웹 페이지에 데이터를 입력할 수 있는 양식 개념이 도입되었다는 것입니다. 하지만 양식은 여전히 기본적이고 텍스트 상자와 버튼만 포함되어 있었습니다.
-
테이블: HTML 2.0에서는
웹페이지에 표 형식의 데이터를 생성하기 위한 태그로, 데이터 정리에 기여합니다.
- W3C 형성: HTML 2.0 동안 브라우저는 자체 태그를 만들기 시작했으며 이로 인해 브라우저마다 불일치가 발생했습니다. 이러한 문제를 해결하고 표준화를 확립하기 위해 W3C(World Wide Web Consortium)가 구성되었습니다. 이는 웹 브라우저가 태그를 일관된 방식으로 렌더링하는 데 도움이 되었습니다.
3. HTML 3.2
HTML 3.2는 HTML 2.0의 다음 주요 후속 버전으로 1997년에 개발되었습니다. 여기에 포함된 업데이트된 기능은 다음과 같습니다.
- 업그레이드된 양식 요소: HTML 3.2는 웹사이트에서 대화형 양식을 만드는 더 나은 방법을 제공했습니다. 개발자는 사용자를 위해 보다 대화형이고 동적인 양식을 만들 수 있습니다.
- CSS 지원: HTML 3.2에 포함된 또 다른 중요한 기능은 CSS(Cascading Style Sheets)에 대한 지원이었습니다. HTML 요소의 스타일을 지정하고 사용자 정의하여 디자이너가 웹페이지의 모양을 개선하는 데 도움이 되었습니다.
- 향상된 이미지 기능: HTML 3.2에서는 이미지 처리가 더 쉬워졌습니다. 이를 통해 이미지 크기, 정렬 및 텍스트 설명을 더 효과적으로 제어할 수 있었습니다.
- 확장 문자 집합: HTML 3.2에서는 웹 페이지에 사용할 수 있는 문자도 확장되었습니다. 콘텐츠의 더욱 다양한 표현을 위해 특수 기호와 국제 문자를 포함시켰습니다.
4. HTML 4.01
1999년에 출시된 HTML 4.01은 HTML 언어에 몇 가지 발전을 가져왔습니다. 업데이트된 기능 중 일부는 다음과 같습니다.
- CSS 연결: 이전에는 스타일을 적용하려면 각 페이지에 CSS를 배치해야 했습니다. 그러나 4.01에서는 꼬리표. 이는 CSS 코드를 반복하지 않고도 웹페이지 전체에서 일관된 스타일을 유지하는 데 도움이 되었습니다.
- 새 태그: HTML 4.01에는 "
- 테이블 개선: 또한 HTML 4.01은 테이블을 더욱 강력하게 만들었습니다. 'colspan' 및 'rowspan'과 같은 속성을 사용하여 테이블의 셀을 여러 열이나 행에 걸쳐 만들 수 있습니다. 이를 통해 더 복잡하고 흥미로운 테이블을 더 쉽게 만들 수 있습니다.
5. XHTML 1.0
XHTML 1.0은 Extensible HyperText Markup Language 1.0을 의미하며 2000년에 출시되었습니다.
- 엄격한 표준 및 호환성: XHTML 1.0은 HTML과 유사하지만 요소, 속성 및 구문에 대한 더 엄격한 규칙이 포함된 더 엄격한 버전입니다. 이러한 엄격한 기준으로 인해 웹 페이지에 대한 공통 표준이 만들어졌습니다. 이를 통해 브라우저 간 비호환 범위가 줄어들었습니다.
- XML과의 호환성: XHTML 1.0은 XML 도구와의 호환성을 제공했습니다. 이는 XML 문서 작업에 일반적으로 사용되는 XML 구문 분석 라이브러리 및 변환 도구를 XHTML 문서에서도 활용할 수 있음을 의미합니다.
- 미래 적응성: 게다가 XHTML 1.0 문서는 큰 변경 없이 HTML 또는 XML의 향후 버전에 쉽게 적응할 수 있었습니다.
6. HTML5
WHATWG는 2008년에 HTML5의 초기 공개 초안을 출시했지만 2014년 10월 28일에 공식적으로 W3C 권장 사항이 되었습니다. 이 버전에서는 새로운 HTML 태그에 대한 광범위한 지원이 제공되었습니다. 또한 HTML5는 다양한 유형의 입력 요소 및 지리적 위치 지원 태그 등과 같은 새로운 양식 요소에 대한 지원을 제공했습니다.
다음은 HTML5에 추가된 몇 가지 주요 기능과 태그입니다.
- 새 양식 요소: 중요한 추가 사항 중 하나는 사용자 입력이 유효한 이메일 주소인지 확인하는 태그입니다. 마찬가지로 또 다른 양식 요소는 비밀번호를 안전하게 캡처하도록 설계된 태그입니다. 브라우저는 비밀번호 필드에 사용자 입력으로 특수 기호를 표시하여 비밀번호가 노출되는 것을 방지했습니다.
- 오디오 태그: HTML5에서는
-
의미 태그: 구조 태그라고도 알려진 의미 태그는 HTML 페이지에 구성과 구조를 제공합니다. 이러한 태그는 웹페이지의 다양한 섹션에 더 명확한 계층 구조와 의미를 제공했습니다. HTML5에 도입된 시맨틱 태그에는
, , - 섹션 태그: 태그는 HTML 페이지 내의 개별 섹션을 정의합니다. 이는 콘텐츠를 구성하고 묘사하는 데 도움이 되며 웹페이지 내에서 논리적 구분을 제공합니다. Bootstrap 대시보드 템플릿과 함께 의미 체계 태그를 사용하면 웹 애플리케이션 디자인과 유용성이 향상되어 응답성이 뛰어나고 시각적으로 매력적인 인터페이스를 제공합니다.
HTML 타임라인
최종 생각
이 기사에서는 HTML의 주요 버전에 대해 설명합니다. 그러나 그 사이에 많은 마이너 버전이 출시되었습니다. HTML의 첫 번째 버전은 버전 1.0인 반면 최신 버전의 HTML은 5.3입니다. 이 기간 동안 W3C(World Wide Web Consortium)의 형성은 HTML에 대한 규칙과 지침을 표준화하는 데 중요한 역할을 했습니다. 이를 통해 모든 웹 브라우저가 따라야 할 공통 표준을 갖게 되었습니다. 최신 버전인 HTML5는 웹 개발 영역에서 큰 발전을 가져왔으며 전문가들은 이 버전이 앞으로 더욱 성장할 것으로 기대하고 있습니다.
자주 묻는 질문
Q1. 이전 버전의 HTML을 계속 사용할 수 있나요?
답변: 예, 이전 버전의 HTML을 사용할 수 있습니다. 그러나 전문가들은 고급 기능을 활용하고 최신 웹 표준과의 호환성을 보장하려면 최신 버전을 사용할 것을 권장합니다.Q2. 최신 HTML 버전은 무엇입니까?
답변: HTML5는 HTML의 최신 버전입니다. 첫 번째 초안은 2008년에 나왔습니다. 그러나 W3C(World Wide Web Consortium)는 2014년까지 이 HTML 버전을 허용하지 않았습니다. 이 버전에는 멀티미디어 콘텐츠를 더 잘 지원하기 위한 최신 요소, 속성 및 API와 같은 몇 가지 개선 사항이 포함되어 있습니다.Q3. 모든 HTML 태그는 모든 HTML 버전과 호환됩니까?
답변: 이전 브라우저는 최신 버전의 HTML에 도입된 태그를 올바르게 인식하거나 스타일을 지정하지 못할 수 있지만 대부분의 태그는 여전히 이전 버전과 호환됩니다. 따라서 특정 HTML 요소 및 속성에 대한 브라우저 지원을 고려하는 것이 중요합니다.Q4. HTML4 문서를 HTML5로 변환할 수 있나요?
답변: 예, HTML4 문서는 이전 버전과 호환되도록 설계되었기 때문에 HTML5로 변환할 수 있습니다. 더 이상 사용되지 않는 요소를 적절한 HTML5 요소로 바꾸는 것만으로 HTML4 문서를 HTML5로 업데이트할 수 있습니다.Q5. HTML 유효성 검사기란 무엇입니까?
답변: HTML 유효성 검사기는 HTML 코드 또는 HTML 웹 페이지가 W3C(World Wide Web Consortium)에서 지정한 표준 규칙을 따르는지 확인하는 온라인 도구입니다. 이렇게 하면 HTML 코드의 구조가 올바른지, 오류나 위반이 없는지 확인할 수 있습니다. 이러한 방식으로 개발자는 웹페이지를 잘 구성하고 다양한 웹 브라우저 및 장치와 호환되도록 할 수 있습니다.
위 내용은 HTML 버전의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

일관된 HTML 인코딩 스타일은 코드의 가독성, 유지 가능성 및 효율성을 향상시키기 때문에 중요합니다. 1) 소문자 태그 및 속성 사용, 2) 일관된 압입 유지, 3) 단일 또는 이중 인용문을 선택하고 고수하십시오. 4) 프로젝트에서 다양한 스타일을 혼합하지 않으십시오.

솔루션 Bootstrap4에서 다중 프로 젝트 회전 목마를 구현하는 것은 부트 스트랩 4에서 멀티 프로 젝트 회전 목마를 구현하는 것은 쉬운 일이 아닙니다. 부트 스트랩 ...

마우스 스크롤링 이벤트 침투의 효과를 달성하는 방법은 무엇입니까? 웹을 탐색하면 종종 특별한 상호 작용 디자인이 발생합니다. 예를 들어, DeepSeek 공식 웹 사이트에서 � ...

HTML 비디오의 기본 재생 제어 스타일은 CSS를 통해 직접 수정할 수 없습니다. 1. JavaScript를 사용하여 사용자 정의 컨트롤을 만듭니다. 2. CSS를 통해 이러한 통제를 아름답게합니다. 3. video.js 또는 plyr와 같은 라이브러리를 사용하여 호환성, 사용자 경험 및 성능을 고려하면 프로세스를 단순화 할 수 있습니다.

휴대 전화에서 기본 선택을 사용하는 데있어 잠재적 인 문제는 모바일 애플리케이션을 개발할 때 종종 상자를 선택해야 할 필요가 있습니다. 일반적으로 개발자 ...

휴대 전화에서 기본 선택을 사용하는 단점은 무엇입니까? 모바일 장치에서 애플리케이션을 개발할 때는 올바른 UI 구성 요소를 선택하는 것이 매우 중요합니다. 많은 개발자 ...

Three.js 및 Octree를 사용하여 방에서 3 인칭 로밍의 충돌 처리를 최적화하십시오. 3.js의 Octree를 사용하여 방에서 3 인칭 로밍을 구현하고 충돌을 추가하십시오 ...

모바일 장치에서 애플리케이션을 개발할 때 휴대폰에 대한 기본 선택 문제는 종종 사용자가 선택 해야하는 시나리오에 직면합니다. 네이티브 셀 ...


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

WebStorm Mac 버전
유용한 JavaScript 개발 도구

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기
