HTML과 HTML5의 차이점

작성자 : 루카스 베넷 루카스 베넷
Hours 업데이트

HTML과 HTML5의 주요 차이점

  • HTML Doctype 선언은 길지만 HTML5의 DOCTYPE 선언은 더 간단합니다.
  • 오디오 및 비디오는 HTML 부분이 아니지만 오디오 및 비디오 태그는 HTML5에서 지원됩니다.
  • HTML에서는 웹 소켓을 사용할 수 없지만, HTML5에서는 웹 소켓을 사용하여 서버와 풀 듀플렉스 통신 채널을 설정할 수 있습니다.
  • HTML은 모바일 친화적이지 않지만 HTML5는 모바일 친화적입니다.
  • HTML로 웹사이트를 탐색하는 사람의 실제 위치정보를 얻는 것은 불가능하지만, HTML5의 JS Geolocation API를 사용하면 웹사이트를 탐색하는 사용자의 위치를 ​​식별할 수 있습니다.
HTML과 HTML5의 차이점
HTML 대 HTML5

마크업 언어란 무엇입니까?

마크업 언어는 구문적으로 구별할 수 있는 방식으로 문서에 주석을 달기 위한 시스템 설계입니다. 태그를 사용하여 요소를 정의합니다. 마크업 언어에는 영어 문구와 단어가 포함됩니다. 따라서 읽기 쉽습니다. 마크업 언어는 텍스트 처리, 정의 및 표현을 위해 특별히 설계되었습니다.

HTML이란 무엇입니까?

HTML은 World Wide Web에 사용되는 언어입니다. 웹에서 페이지를 만들고 표시하는 데 사용되는 표준 텍스트 형식 언어입니다.

HTML 파일은 1) 콘텐츠와 2) 페이지에 적절하게 표시되도록 형식을 지정하는 태그로 구성됩니다. CSS(Cascading Style Sheets)와 같은 기술과 다음과 같은 스크립팅 언어에서 사용할 수 있습니다. Java스크립트. HTML의 전체 형태는 Hypertext Markup Language입니다. HTML v 1.0이라고도 알려져 있으며 HTML 마크업의 첫 번째 반복입니다.

HTML5 란 무엇입니까?

HTML5는 5입니다th 버전 HTML 더 많은 태그와 기능을 지원하는 버전 1.0. 기술적으로는 HTML 버전 5.0이라고 하지만 구어체로는 HTML5라고 합니다.

Safari와 같은 최신 버전의 브라우저, Opera, 크롬 및 Firefox HTML5의 거의 모든 기능을 지원합니다. 웹 개발자는 HTML5를 사용하여 사진 사이트, 웹 포럼 및 고급 매핑 애플리케이션을 개발할 수 있습니다. HTML5의 전체 형식은 Hypertext Markup Language 5입니다.

관련 기사

HTML과 HTML5의 차이점

다음은 HTML과 HTML5의 주요 차이점입니다.

HTML HTML5
HTML Doctype 선언이 깁니다. HTML5의 DOCTYPE 선언은 간단합니다.
HTML 문자 인코딩이 더 깁니다. HTML5 문자 인코딩 선언은 간단합니다.
오디오 및 비디오는 HTML 부분이 아닙니다. 오디오와 비디오는 HTML5 부분입니다.
Silverlight, Flash, VML 등과 같은 다른 기술을 사용하여 벡터를 그리는 것이 가능합니다. 벡터 그래픽은 HTML5의 일부로, 예를 들어 Canvas, SVG 등이 있습니다.
웹사이트를 탐색하는 사람의 실제 위치정보를 얻는 것은 불가능합니다. HTML5의 JS Geolocation API를 사용하면 웹사이트를 탐색하는 사용자의 위치를 ​​식별할 수 있습니다.
HTML은 쿠키 대신 로컬 저장소를 제공합니다. HTML5는 쿠키를 사용하여 데이터를 저장합니다.
HTML에서는 기본 도형을 그릴 수 없습니다. Html5에서는 기본적인 도형을 그리는 것이 가능합니다.
그것은 당신이 실행할 수 있습니다 Java브라우저에서 스크립트 실행. 실행할 수 있게 해줍니다. Java백그라운드의 스크립트 코드.
모든 이전 브라우저에서 HTML을 사용할 수 있습니다. 모든 새로운 브라우저에서 HTML5를 사용할 수 있습니다.
브라우저 캐시를 임시 저장소로 사용할 수 있습니다. 애플리케이션(데이터베이스, 웹 스토리지) Cache를 임시 저장소로 사용할 수 있습니다.
웹 소켓을 사용할 수 없습니다. 웹 소켓을 사용하면 서버와 풀 듀플렉스 통신 채널을 설정할 수 있습니다.
구조적으로 잘못된 HTML 코드를 처리하는 프로세스가 없습니다. HTML5는 즉석 오류 처리 프로세스를 통해 지속적인 오류 처리를 지원합니다.
HTML은 모바일 친화적이지 않습니다. HTML5는 모바일 친화적입니다.
async, charset, ping과 같은 속성은 HTML에 존재하지 않습니다. async, ping, charset 및 charset 속성은 HTML5의 일부입니다.
HTML은 드래그 앤 드롭 효과를 허용하지 않습니다. HTML5에서는 드래그 앤 드롭 효과가 가능합니다.
tabinex, id, tabinex 등과 같은 새로운 속성을 제공합니다. 이는 HTML 5 요소에 적용되는 특정 속성입니다.

HTML의 구조

HTML의 구조는 다음과 같습니다.

<!DOCTYPE html>
<html>
    <head>
        <title>Guru99 Home</title>
    </head>
    <body>
        <h1>최고의 Tutorials on Planet</h1>
        <p>Paragraph</p>
    </body>
</html>

HTML5의 구조

HTML5의 구조는 다음과 같습니다.

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>HTML5 Title</title>
  <meta name="description" content=" HTML5 Title">
  <meta name="author" content="Guru99">
  <link rel="stylesheet" href="css/styles.css?v=1.0">
</head>
<body>
  <script src="js/scripts.js"></script>
</body>
</html>

HTML의 특징

  • 플랫폼 독립적인 언어.
  • 대소문자를 구분하지 않는 언어입니다.
  • CSS(Cascading Style Sheet)를 사용하여 색상, 글꼴 및 위치를 제어할 수 있습니다.
  • 우리는 테이블을 만들 수 있습니다.
  • HTML 요소를 사용하여 페이지 표현을 향상시킵니다.
  • 태그를 사용하여 웹페이지를 개발할 수 있습니다.
  • 그래픽을 사용하고 다양한 글꼴, 크기 및 색상으로 텍스트를 표시합니다.
  • 웹에 있는 다양한 문서로 이동하기 위한 하이퍼링크를 만드는 데 도움이 됩니다.
  • 데이터를 표 형식으로 표시할 수 있습니다.
  • 웹 페이지에 두 개 이상의 창을 만들어 여러 소스의 정보를 각기 다른 창에 표시합니다.

HTML5의 특징

  • 로컬 스토리지를 지원합니다.
  • HTML5에는 다음과 같은 새로운 콘텐츠 관련 요소가 있습니다. , , , , , 등.
  • 날짜, 달력, 시간, URL, 이메일, 검색 등 새로운 양식 컨트롤을 제공합니다.
  • 그만큼 2D 다이어그램을 그리기 위한 요소
  • CSS의 최신 버전인 CSS3를 지원합니다.
  • 미디어 지원을 제공합니다.
  • 그림 요소를 요소와 결합하여 캡션을 다른 이미지 요소와 쉽게 연결할 수 있습니다.
  • 사이트 성능에 영향을 주지 않고 대량의 데이터를 로컬로 저장할 수 있습니다.
  • HTML은 잘못된 구문을 처리할 수 있습니다.

HTML의 장점

HTML의 장점/이점은 다음과 같습니다.

  • 웹 페이지 개발에 사용하기 쉽습니다.
  • 손쉽게 웹 문서 만들기
  • 이는 웹 페이지 내에서 그리고 다른 서버에 있는 웹 사이트 간을 탐색하는 데 도움이 됩니다.
  • HTML에서는 본질적으로 반응하는 이미지를 사용하도록 쿼리를 설정할 수 있습니다.
  • 사용자는 세션 전반에 걸쳐 지속되는 브라우저 데이터를 저장할 수 없습니다.
  • 데이터가 브라우저에 저장되면 개발자는 애플리케이션이 작동하도록 하기 위해 더 깊이 생각할 수 있습니다.

HTML5의 장점

HTML5의 장점/이점은 다음과 같습니다.

  • 여기에는 파일 시스템, 클라이언트 측 스토리지, 이벤트 처리 등과 관련된 대규모의 새로운 API 세트와 같은 기능이 있습니다.
  • 새로운 대화형 웹사이트를 쉽게 만들 수 있습니다.
  • HTML5는 실용적인 접근 방식을 취하므로 실제 문제를 쉽게 해결할 수 있습니다.
  • Doctype과 문자 집합이 단순화되었습니다.
  • HTML5는 다음과 같은 요소를 제공합니다. , , , 그리고 더 많은 것들.
  • 새로운 속성으로 웹 양식이 개선되었습니다. 꼬리표.
  • HTML5는 타사 플러그인을 사용하지 않고도 달성할 수 있도록 지속적인 로컬 저장소를 제공합니다.
  • 웹 애플리케이션 개발을 위한 차세대 통신 기술인 웹소켓(WebSocket)을 갖고 있다.
  • HTML5에는 SSE(Server-Sent Events)라는 이벤트가 도입되었습니다.
  • 마크업이 단순화되었습니다.
  • 프로그래밍이 가능한 2차원 도면 표면 지원 Java스크립트.
  • HTML5를 사용하면 자신만의 어휘를 만들 수 있습니다.
  • 자신만의 사용자 정의 의미 체계를 만들 수 있습니다.
  • 동일한 웹페이지의 한 위치에서 다른 위치로 항목을 끌어다 놓습니다.
  • 수많은 비디오를 지원합니다.
  • HTML5는 가시성, 미디어 캡처, 전체 화면 등과 같은 API를 통해 향상된 웹 애플리케이션 경험을 제공합니다.

HTML의 단점

HTML의 단점/단점은 다음과 같습니다.

  • HTML은 동적 페이지를 만드는 데 도움이 되지 않습니다. 일반 페이지만 생성할 수 있습니다.
  • 간단한 웹페이지를 만들려면 긴 코드를 작성해야 할 수도 있습니다.
  • HTML에서는 보안 기능이 좋지 않습니다.
  • 웹페이지와 유사한 것을 개발하는 데에도 시간이 걸립니다.
  • HTML은 다음과 같은 다른 웹페이지 개발 소프트웨어처럼 유연하지 않습니다. Dreamweaver.
  • 중앙집중화된 접근 방식을 따르지 않습니다. 웹페이지를 별도로 편집해야 합니다.

HTML5의 단점

HTML5의 단점/단점은 다음과 같습니다.

  • 액세스하려면 최신 브라우저가 필요합니다.
  • 미디어 라이센스와 관련된 문제가 있습니다.
  • 여러 장치의 반응성은 골칫거리가 될 수 있습니다.
  • HTML5 언어는 아직 진행 중인 작업입니다.
  • 게임은 다음과 같은 어려움을 겪습니다. JavaHTML5의 스크립트.
  • HTML5에서는 사용할 수 있는 좋은 IDE가 없습니다.

당신은 좋아할 것입니다 :