Home > Article > Web Front-end > 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!