html5新增標籤有:1、video,表示一段影片並提供播放的使用者介面;2、audio,表示音訊;3、canvas,表示點陣圖區域;4、source,表示為video和audio提供資料來源;5、svg,用於定義向量圖等等。
本文操作環境: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中文網其他相關文章!