Quelles sont les nouvelles balises en html5

Les nouvelles balises en HTML5 sont : 1. video, qui représente une vidéo et fournit une interface utilisateur pour la lecture ; 2. audio, qui représente l'audio ; 3. canvas, qui représente une zone bitmap ; , qui représente la vidéo et l'audio fournit des sources de données ; 5. svg, utilisé pour définir des graphiques vectoriels, etc.

L'environnement d'exploitation de cet article : système Windows 7, ordinateur Dell G3, version HTML5.

h5 est la dernière version de HTML, développée par le w3c en 2014. Améliorées, les fonctions natives du navigateur réduisent l'application de plug-ins de navigateur (ex : flash), améliorent la satisfaction de l'expérience utilisateur et rendent le développement plus pratique.

- h5 nouvelle balise

Nouvel élément

Description

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 Divisé en modules , les modules les plus importants incluent : le sélecteur, le modèle de boîte, l'arrière-plan et la bordure, les effets de texte, la conversion 2D/3D, l'animation, la mise en page multi-colonnes, l'interface utilisateur

Sélecteur

Modèle de boîte

Arrière-plan et bordure

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

background-size : Spécifie la taille de l'image d'arrière-plan

background- origin : Spécifie la zone de positionnement de l'image d'arrière-plan

background-clip : Spécifie la zone de dessin de l'arrière-plan

Effet de texte (couramment utilisé)

texte -shadow : Paramètres Ombre du texte

word-wrap : saut de ligne forcé

word-break

css3 propose la règle @font-face, qui définit font-family, font -weight et font -style, font-stretch, src, unicode-range

Transformation 2/3D

transform : appliquer une transformation 2/3D à l'élément

transition : Transition

Animation

Règles @keyframes :

animation, nom-animation, durée-animation, etc.

Interface utilisateur (couramment utilisée)

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!