html5의 새로운 태그는 무엇입니까

html5 태그: bdi, 마크, 미터, 진행, rp, rt, 루비, 시간, wbr, 데이터 목록, keygen, 출력, 캔버스, 오디오, 비디오, 소스, 머리글, 바닥글, 탐색 등

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML5의 새로운 태그

우리 모두는 자격을 갖춘 프런트엔드 개발자가 되고 싶다면 HTML5를 마스터하는 것이 중요한 전제 조건이라는 것을 알고 있습니다. HTML에 비해 HTML5에는 새로운 태그가 많이 있습니다. , 그렇다면 이 라벨은 무엇인가요?

형식:

텍스트 방향을 정의하여 주변 텍스트 방향 설정과 독립적으로 만듭니다.

는 표시된 텍스트를 정의합니다.

미리 정의된 범위 내에서 측정항목을 정의합니다.

모든 유형의 작업 진행 상황을 정의하세요.

브라우저가 루비 요소를 지원하지 않는 경우 표시되는 콘텐츠를 정의하세요.

루비 주석의 해석을 정의합니다.

루비 주석을 정의합니다.

날짜/시간을 정의하세요.

가능한 줄바꿈을 정의합니다.

양식:

은 생성된 키를 정의합니다.

일부 출력 유형을 정의합니다.

이미지:

는 그래픽을 정의합니다.

그림 요소의 제목을 정의합니다.

<그림>미디어 콘텐츠 그룹과 제목을 정의합니다.

오디오 및 비디오:

<오디오> 사운드 콘텐츠를 정의합니다.

미디어 소스를 정의합니다.

은 미디어 플레이어에서 사용되는 텍스트 트랙을 정의합니다.

링크:

탐색 링크를 정의합니다.

목록:

명령 버튼을 정의합니다.

스타일:

섹션이나 페이지의 헤더를 정의합니다.

섹션이나 페이지의 바닥글을 정의합니다.

섹션을 정의합니다.

기사를 정의합니다.

<제쳐두고>페이지 콘텐츠 외부의 콘텐츠를 정의하세요.

요소의 세부정보를 정의합니다.

요소에 대한 표시 제목을 정의합니다.

프로그래밍:

외부 애플리케이션용 컨테이너를 정의합니다(HTML이 아님).

HTML5의 장점:

1. 더 아름다운 애니메이션 효과를 만들어 프런트 엔드 개발자가 더 나은 페이지 상호 작용을 달성할 수 있습니다.

HTML5로 구현된 웹 페이지는 HTML5 태그를 기반으로 하며 더 아름답습니다. CSS3 스타일을 함께 사용하면 효과가 나타납니다.

2. 크로스 브라우저 문제 해결

크로스 브라우저 문제 HTML5가 등장하기 전에는 확실히 프런트엔드 개발자에게 악몽 같은 문제였습니다. HTML, CSS 및 Java 페이지는 하나의 브라우저에서 완전히 정상적으로 실행되지만 다른 브라우저로 변경한 후에는 Java 실행 오류, 페이지 레이아웃 혼란 등과 같은 많은 문제가 발생합니다. 이러한 상황을 바꾼 것은 HTML5 프로그래밍 언어입니다. 현재 Internet Explorer, Chrome, Firefox, Safari와 같은 주류 브라우저에서는 HTML5에 대한 큰 열광을 보이고 있습니다.

3. 크로스 플랫폼, 오프라인 사용

HTML5는 크로스 플랫폼이 가능하며 대부분의 핵심 코드는 Java 코드를 잘 사용하면 모바일 애플리케이션을 비롯한 여러 곳에서 사용할 수 있습니다. 웹사이트, PC 웹사이트, 다양한 브라우저 플러그인, WebKit을 사용하여 크로스 플랫폼 애플리케이션으로 패키징할 수도 있습니다. 이 방법은 엄밀한 의미에서 완전히 크로스 플랫폼은 아니지만 나중에 유지 관리할 때 많은 시간과 에너지를 절약할 수 있습니다.

사용자는 오프라인으로 애플리케이션을 사용하고 액세스할 수 있는데, 이는 항상 인터넷에 연결할 수 없는 모바일 단말기 사용자에게 매우 중요하며, 로컬 캐시 파일에 액세스하는 사용자는 일반적으로 이러한 관점에서 더 빠른 액세스 속도를 의미한다고 할 수 있습니다. 사용자 경험이 크게 향상되었습니다

추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 html5의 새로운 태그는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!