html5新增標籤有哪些

藏色散人
發布: 2021-04-15 10:50:40
原創
37800 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!