>  기사  >  웹 프론트엔드  >  html5의 새로운 태그는 무엇입니까

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

藏色散人
藏色散人원래의
2020-11-16 10:24:4037890검색

html5 새로운 태그는 다음과 같습니다. 1. 비디오를 나타내며 재생을 위한 사용자 인터페이스를 제공합니다. 2. 오디오를 나타냅니다. 3. 비트맵 영역을 나타내는 캔버스 4. 데이터 소스를 나타냅니다. 비디오 및 오디오용 5. svg, 벡터 그래픽 등을 정의하는 데 사용됩니다.

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

이 문서의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, HTML5 버전.

h5는 2014년 w3c에서 개발한 html의 최신 버전입니다. 향상된 브라우저의 기본 기능은 브라우저 플러그인(예: 플래시)의 적용을 줄이고 사용자 경험 만족도를 향상시키며 개발을 보다 편리하게 만듭니다.

- h5 새 태그

새 요소

설명

video    表示一段视频并提供播放的用户界面    
audio    表示音频    
canvas    表示位图区域    
source    为video和audio提供数据源    
track    为video和audio指定字母    
svg    定义矢量图    
code    代码段    
figure    和文档有关的图例    
figcaption    图例的说明    
main    
time    日期和时间值    
mark    高亮的引用文字    
datalist    提供给其他控件的预定义选项    
keygen    秘钥对生成器控件    
output    计算值    
progress    进度条    
menu    菜单    
embed    嵌入的外部资源    
menuitem    用户可点击的菜单项    
menu    菜单    
template    
section    
nav    
aside    
article    
footer    
header

- css3

css3은 모듈로 나누어져 있으며 가장 중요한 모듈은 선택기, 상자 모델, 배경 및 테두리, 텍스트 효과, 2D/3D 변환입니다. , 애니메이션, 다중 열 레이아웃, 사용자 인터페이스

선택기

상자 모델

배경 및 테두리

border-radius, box-shadow, border-image,

배경 크기: 배경 지정 이미지의 크기

Background-origin: 배경 이미지의 위치 지정 영역 지정

Background-clip: 배경의 그리기 영역 지정

텍스트 효과(일반적으로 사용됨)

text-shadow: 텍스트 그림자 설정

word-wrap: 줄 바꿈 강제 적용

word-break

css3은 @font-face 규칙을 제안했습니다. 이 규칙은 글꼴 모음, 글꼴 두께, 글꼴 스타일, 글꼴 스트레치, src, 유니코드 범위

2/를 정의합니다. 3D 변환

transform: 요소에 2/3D 변환 적용

transition: 전환

애니메이션

@keyframes 규칙:

애니메이션, 애니메이션 이름, 애니메이션 지속 시간 등

사용자 인터페이스(일반적으로 사용됨)

으르르르르리

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.