What are the new tags in html5

html5 new tags are: 1. video, which represents a video and provides a user interface for playback; 2. audio, which represents audio; 3. canvas, which represents a bitmap area; 4. source, which represents video and Audio provides data source; 5. svg, used to define vector graphics and so on.

#The operating environment of this article: Windows 7 system, Dell G3 computer, HTML5 version.

h5 is the latest version of html, which was developed by w3c in 2014. Enhanced, the browser's native functions reduce the application of browser plug-ins (eg: flash), improve user experience satisfaction, and make development more convenient.

- h5 new tags

New elements

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 It is divided into modules. The most important modules include: selector, box model, background and border, text effects, 2D/3D conversion, animation, multi-column layout, user interface

Selector

Box model

Background and border

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

background-size: Specifies the size of the background image

background-origin: Specifies the positioning area of ​​the background image

background-clip: Specifies the drawing area of ​​the background

Text effect (commonly used)

text-shadow: Settings Text shadow

word-wrap: forced line break

word-break

css3 proposes the @font-face rule, which defines font-family, font-weight, and font -style, font-stretch, src, unicode-range

2/3D Transform

transform: Apply 2/3D transformation to the element

transition: Transition

Animation

@keyframes rules:

animation, animation-name, animation-duration, etc.

User interface (commonly used)

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

The above is the detailed content of What are the new tags in html5. For more information, please follow other related articles on the PHP Chinese website!