Skip to main content

HTML 5의 새로운 기능은 무엇입니까?

ASP NET Web Form의 새로운 기능과 HTML5 지원 (유월 2025)

ASP NET Web Form의 새로운 기능과 HTML5 지원 (유월 2025)
Anonim

HTML 5는 HTML 사양에 많은 새로운 기능을 추가했으며 쉽게 구현할 수 있습니다. 간단하고 간소화 된 HTML 5 doctype을 사용합니다.

그래 그거야. 두 단어 "doctype"과 "html". HTML 5는 더 이상 SGML의 일부가 아니고 그 자체로 마크 업 언어이기 때문에 이것은 간단 할 수 있습니다.

HTML 5 용 문자 세트도 능률적으로 처리됩니다. UTF-8을 사용하며 메타 태그 하나로 정의 할 수 있습니다.

HTML 5 새로운 구조

HTML 5는 책과 다른 XML 문서가 구조를 가지고있는 것처럼 웹 페이지가 구조를 가지고 있음을 인식합니다. 일반적으로 웹 페이지에는 탐색, 본문 내용, 세로 막대 내용, 머리글, 바닥 글 및 기타 기능이 있습니다. HTML 5에는 페이지의 해당 요소를 지원하는 태그가 있습니다. 그들은:

  • 페이지 섹션을 정의합니다.
  • 페이지의 헤더를 정의합니다.
  • 페이지의 꼬리말을 정의합니다.
  • 페이지의 탐색을 정의합니다.
  • 페이지의 기사 또는 기본 콘텐츠를 정의합니다.
  • 페이지의 사이드 바처럼 추가 콘텐츠를 정의합니다.
  • 기사에 주석을 달아주는 이미지를 정의합니다.

HTML 5 새로운 인라인 요소

새로운 인라인 요소는 몇 가지 기본 개념을 정의하고 의미 론적으로 마크 업합니다.

  • 어떤 방식 으로든 표시된 콘텐츠를 나타냅니다.
  • 시간 또는 날짜 인 내용을 나타냅니다.
  • 디스크 사용량과 같은 알려진 범위의 일부인 내용을 나타냅니다.
  • 완료 할 작업의 진행 상태를 나타냅니다.

HTML 5 새로운 동적 페이지 지원

HTML 5는 웹 응용 프로그램 개발자를 돕기 위해 개발되었으므로 동적 HTML 페이지를 쉽게 만들 수있는 많은 새로운 기능이 있습니다.

  • 컨텍스트 메뉴 - HTML 5는 웹 페이지 및 응용 프로그램 내에서 컨텍스트 메뉴를 만들고 사용할 수 있도록 지원합니다.
  • href 태그에 필요하지 않습니다. 이를 통해 스크립트와 태그를 사용할 수 있으며 앵커를 보낼 곳이 없어도 웹 응용 프로그램에서 태그를 사용할 수 있습니다.
  • 비동기 속성 - 스크립트 태그에 추가되어 스크립트가 비동기 적으로로드되어로드의 속도를 늦추고 나머지 페이지를 표시하지 않도록 브라우저에 알립니다.
  • - 요소에 대한 세부 정보를 제공합니다. 이는 비 웹 응용 프로그램의 툴팁과 같습니다.
  • 데이터베이스 또는 다른 동적 소스에서 빌드 된 테이블을 작성합니다.
  • 당신이 당신의 웹 페이지에 메뉴 시스템을 만들 수있게 해주는 오래된 태그입니다.
  • 동적 요소가 활성화 될 때 발생해야하는 동작을 정의합니다.

HTML 5 새 양식 유형

HTML 5는 모든 표준 양식 입력 유형을 지원하지만 몇 가지를 더 추가합니다.

  • 날짜 시간
  • 날짜 시간 - 로컬
  • 날짜
  • 시각
  • 번호
  • 범위
  • 이메일
  • url

HTML 5 새로운 요소

HTML 5에는 흥미로운 몇 가지 새로운 요소가 있습니다.

  • -이 요소는 웹 페이지에서 자바 스크립트로 그림 공간을 제공합니다. 툴팁에 이미지 나 그래프를 추가하거나 즉시 작성된 웹 페이지에서 동적 그래프를 만들 수 있습니다.
  • -이 간단한 태그로 웹 페이지에 비디오를 추가하십시오.
  • -이 간단한 태그로 웹 페이지에 사운드를 추가하십시오.

HTML 5는 일부 요소를 제거합니다.

HTML 4의 일부 요소는 HTML 5에서 더 이상 지원되지 않습니다. 대부분은 이미 사용되지 않으며 놀라운 것이 아닙니다. 그들은:

  • 두문자어
  • 애플릿
  • 베이스 폰트
  • 센터
  • 지시
  • 세례반
  • 프레임 셋
  • isindex
  • noframes
  • noscript
  • 에스
  • 스트라이크
  • tt