首頁  >  文章  >  web前端  >  html5新增標籤有哪些

html5新增標籤有哪些

藏色散人
藏色散人原創
2020-11-16 10:24:4037889瀏覽

html5新增標籤有:1、video,表示一段影片並提供播放的使用者介面;2、audio,表示音訊;3、canvas,表示點陣圖區域;4、source,表示為video和audio提供資料來源;5、svg,用於定義向量圖等等。

html5新增標籤有哪些

本文操作環境:Windows7系統、Dell G3電腦、HTML5版。

h5是html的最新版本,是14年由w3c完成標準制定。增強了,瀏覽器的原生功能,減少瀏覽器插件(eg:flash)的應用,提高使用者體驗滿意度,讓開發更加方便。

- 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-size:規定背景圖片的尺寸

background-origin:規定背景圖片的定位區域

background-clip:規定背景的繪製區域

文字效果(常用)

text-shadow:設定文字陰影

word-wrap:強制換行

word-break

css3提出@font-face規則,規則中定義了font-family、font-weight、font -style、font-stretch、src、unicode-range

2/3D轉換

#transform:向元素套用2/3D轉換

transition:過渡

#動畫

@keyframes規則:

animation、animation-name、animation-duration等

使用者介面(常用)

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

以上是html5新增標籤有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn