Was sind die neuen Tags in HTML5?

Die neuen Tags in HTML5 sind: 1. Video, das ein Video darstellt und eine Benutzeroberfläche für die Wiedergabe bereitstellt; 3. Canvas, das einen Bitmap-Bereich darstellt; 5. SVG, wird zum Definieren von Vektorgrafiken usw. verwendet.

Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, HTML5-Version.

h5 ist die neueste Version von HTML, die 2014 von w3c entwickelt wurde. Die erweiterten nativen Funktionen des Browsers reduzieren die Anwendung von Browser-Plug-Ins (z. B. Flash), verbessern die Zufriedenheit der Benutzer und machen die Entwicklung komfortabler.

- h5 neues Tag

neues Element

Beschreibung

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 ist in Module unterteilt. Zu den wichtigsten Modulen gehören: Selektor, Boxmodell, Hintergrund und Rahmen, Texteffekte, 2D/3D-Transformationen , Animationen, mehrspaltige Layouts, Benutzeroberflächen

Selektoren

Box-Modelle

Hintergründe und Ränder

Border-Radius, Box-Shadow, Border-Image,

Background-Size: Geben Sie den Hintergrund an. Die Größe des Bildes

background-origin: Gibt den Positionierungsbereich des Hintergrundbilds an

background-clip: Gibt den Zeichenbereich des Hintergrunds an

Texteffekt (häufig verwendet)

text-shadow: Legt den Textschatten fest

Zeilenumbruch: Erzwingt Zeilenumbruch

Wortumbruch

css3 hat die @font-face-Regel vorgeschlagen, die Schriftfamilie, Schriftstärke, Schriftstil, Schriftstreckung, Quelle, Unicode-Bereich definiert

2/ 3D-Transformation

transform: Anwenden von 2/3D-Transformationen auf Elemente

transition: Übergang

Animation

@keyframes-Regeln:

Animation, Animationsname, Animationsdauer usw.

Benutzeroberfläche (häufig verwendet)

box-sizing、resize
css3新增伪类
：nth-child()
：nth-last-child()
：only-child
：last-child
：nth-of-type()
：only-of-type()
：empty
：target  这个伪类允许我们选择基于URL的元素，如果这个元素有一个识别器（比如跟着一个#），那么:target会对使用这个ID识别器的元素增加样式。

：enabled  
：disabled
：checked
：not

Das obige ist der detaillierte Inhalt vonWas sind die neuen Tags in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!