pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

html5基礎標簽(html5視頻標簽 html5新標簽用法)_htm

html5基礎標簽(html5視頻標簽 html5新標簽用法)_html5教程技巧HTML5中文學習網,是中國最大的HTML5中文門戶,為廣大HTML5愛好者提供各種HTML5資料,包括HTML5網站、HTML5資訊、HTML5應用、HTML5游戲
點評:html5基礎,包括html5視頻標簽和html5新標簽等標簽用法,大家參考使用吧

1、  聲明的變化<!DOCTYPE html >

2、  指定字符編碼的變化<meta charset=”utf-8″>,html5中建議使用utf-8

3、  Html5中允許<p>沒有結束符,不算錯誤

4、  不允許寫結束標記的有:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

5、  可以省略結束標記的元素有:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th

6、  可以省略全部標記的元素有:html、head、body、colgroup、tbody

7、  <input type=text> 之前屬性值text是要有雙引號的,現在也可以省略

8、 見html5標記示例

9、 新增的結構元素section:容器元素。章節、頁眉、頁腳,可以與h1、h2…結合起來用,標示文檔結構。也可用于封裝標題+內容,但是沒有標題是不當的。當一個容器元素需要被直接定義樣式活腳本定義行為時,推薦使用div,而非section。作用:對頁面內容進行分塊。不要與有著自己的完整的、獨立的內容的article元素混淆。總結:①不要將section元素用作設置樣式的頁面容器,那是div元素的工作。②如果article元素、aside元素、或nav元素更符合使用條件,不要使用section元素。③不要為沒有標題的內容區塊使用section元素。

10、新增的結構元素article:塊級元素。表示頁面中的一塊與上下文不像個的獨立內容。強調獨立性,section強調分段或分塊,article強調獨立性。

11、新增的結構元素aside:塊級元素。表示article元素的內容職位的,與article元素內容相關的輔助內容。

12、新增的結構元素Header:塊級元素。整個頁面的標題。Header中至少要有一個heading(h1—h6)或hgroup元素或nav元素。

13、新增的結構元素hgroup:塊級元素。用于對整個頁面或頁面中一個內容區塊的標題進行組合。如果只有一個主標題,是不需要hgroup的。

14、新增的結構元素footer:塊級元素。內容區塊的腳注。

15、新增的結構元素address:行內元素。呈現文檔聯系信息,包括:作者、郵箱等等。

16、新增的結構元素nav:塊級元素。導航鏈接。傳統導航、側邊欄導航、頁內導航、翻頁導航。H5中不要用menu替代nav,menu元素是用一系列發出命令的菜單上,是一種交互性的元素。更確切的說是使用在web應用程序中的。

17、新增的結構元素figure:塊級元素。一段獨立的流內容,一般表示文檔主題流內容的一個獨立單元。使用figcaption元素為figure元素組添加標題。

18、新增元素video:定義視頻的。


復制代碼
代碼如下:

<video width="320" height="240" src="”movie.ogg”" controls="controls">video元素</video>

19、新增元素audio:定義音頻的。


復制代碼
代碼如下:

<audio width="300" height="32" src="”someaudio.wav”">audio元素</audio>

20、新增元素embed: 插入各種媒體,格式可以是midi、wav、aiff、au、mp3等。

21

復制代碼
代碼如下:

<object width="320" height="240" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="<a ><param</a> name="src" value="”borse.wav”/" /><embed width="320" height="240" type="application/x-shockwave-flash" src="”borse.wav”/" /></object>

22、新增元素mark: 突出顯示或高亮顯示的文字。相當與span

23、新增元素progress:表示運行中的進程,顯示javascript中消耗時間的函數進程。


復制代碼
代碼如下:

<meter></meter>

24、新增元素Time:表示日期和時間。


復制代碼
代碼如下:

<time></time>

H4中用span
25、新增元素ruby:表示ruby注釋。韓han,h4中沒有的

26、新增元素rt:表示字符的解釋或發音

27、新增元素rp:在ruby中使用,以定義不支持ruby元素的瀏覽器所顯示的內容。

28、新增元素wbr:表示軟換行。與br的區別是br表示此處必須換行;而wbr是瀏覽器或者父級元素的寬度足夠寬時,不進行換行,寬度不夠時,主動在此處換行。Wbr對字符型語言作用挺大,但是對于中文,貌似沒有多大的作用。H4中沒有的。

29、新增元素Canvas:表示圖形的。如:圖表、圖像。但是:這個元素本身沒有行為。僅提供一塊畫布,把繪制api展現給客戶端javascript,使腳本能夠把繪制的東西繪制到這塊畫布上。


復制代碼
代碼如下:

<canvas id="”rrr”" width="”200”" height="”220”"> </canvas>

30、新增元素command:表示命令按鈕。如:單選按鈕、復選框、按鈕。

復制代碼
代碼如下:

<command onclick="cut()" label="cut"></command>

html4中沒有

31、新增元素details:表示Details用戶要求得到并且可以得到的細節信息。可以與summary配合使用。Summary提供標題或圖例。


復制代碼
代碼如下:

<details> <summary>html5</summary>this ji a ddddd,you kdkdkdk about html5

</details>

 
32、新增元素datagrid:表示數據的列表。以樹形列表的形式顯示

33、新增元素keygen:表示生成密鑰

34、新增元素output:表示不同類型的輸出。如腳本

35、新增元素source:媒介元素。定義媒介資源。H4中用param

36、新增元素menu:表示菜單列表。

復制代碼
代碼如下:

<menu><li></li><li></li</menu>

h4中menu不被推薦使用。

37、新增input元素類型email:表示必須輸入e-mail的文本輸入框。

38、新增input元素類型url:表示必須輸入url地址的

39、新增input元素類型number:表示必須輸入數值。

40、新增input元素類型range:表示必須輸入一定范圍內數字值的

41、新增input元素類型date pickers:h5中有多個可選取日期和時間的新型輸入文本框。


復制代碼
代碼如下:

Date--------------選取日、月、年
Month-----------選取月、年
Week------------選取周和年
Time-------------選取時間(小時和分鐘)
Datetime-------選取時間、日、月、年(utc時間)
Datetime-local—選取時間、日、月、年(本地時間)

44、
1) 廢除元素:只有部分瀏覽器支持的元素:applet、bgsound(只有ie支持)、blink、marquee等元素。bgsound(只有ie支持)、marquee(只有ie支持),所以在h5中廢除。applet—可由embed或object替代。Bgsound—可由audio替代。Marquee可由js編程方式替代。
2)標簽 手冊釋義:用于對元素進行組合。 使用指引:多用于圖片與圖片描述組合:

復制代碼
代碼如下:

<figure>
<img title="figure標簽" src="img.gif" alt="figure標簽" />
<figcaption>這兒是圖片的描述信息</figcaption>
</figure>

3)標簽 手冊釋義:定義菜單列表。當希望列出表單控件時使用該標簽。 使用指引:使用于菜單類區塊,用來定義菜單列表或菜單選項:

復制代碼
代碼如下:

</pre>
<menu>
<li>HTML 5</li>
<li>CSS</li>
<li>JavaScript</li>
</menu>
<pre>


【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

主站蜘蛛池模板: 有机肥设备生产制造厂家,BB掺混肥搅拌机、复合肥设备生产线,有机肥料全部加工设备多少钱,对辊挤压造粒机,有机肥造粒设备 -- 郑州程翔重工机械有限公司 | 深圳市东信高科自动化设备有限公司 | 河南生物显微镜,全自动冰冻切片机-河南荣程联合科技有限公司 | 水平垂直燃烧试验仪-灼热丝试验仪-漏电起痕试验仪-针焰试验仪-塑料材料燃烧检测设备-IP防水试验机 | 除甲醛公司-甲醛检测治理-杭州创绿家环保科技有限公司-室内空气净化十大品牌 | LCD3D打印机|教育|桌面|光固化|FDM3D打印机|3D打印设备-广州造维科技有限公司 | 酒万铺-酒水招商-酒水代理| 诺冠气动元件,诺冠电磁阀,海隆防爆阀,norgren气缸-山东锦隆自动化科技有限公司 | 岛津二手液相色谱仪,岛津10A液相,安捷伦二手液相,安捷伦1100液相-杭州森尼欧科学仪器有限公司 | 酒精检测棒,数显温湿度计,酒安酒精测试仪,酒精检测仪,呼气式酒精检测仪-郑州欧诺仪器有限公司 | 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 - 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 | 专业生物有机肥造粒机,粉状有机肥生产线,槽式翻堆机厂家-郑州华之强重工科技有限公司 | 内六角扳手「厂家」-温州市威豪五金工具有限公司 | 厦门网站建设_厦门网站设计_小程序开发_网站制作公司【麦格科技】 | 附着力促进剂-尼龙处理剂-PP处理剂-金属附着力处理剂-东莞市炅盛塑胶科技有限公司 | 寮步纸箱厂_东莞纸箱厂 _东莞纸箱加工厂-东莞市寮步恒辉纸制品厂 | 搬运设备、起重设备、吊装设备—『龙海起重成套设备』 | 冷却塔减速机器_冷却塔皮带箱维修厂家_凉水塔风机电机更换-广东康明冷却塔厂家 | 高压直流电源_特种变压器_变压器铁芯-希恩变压器定制厂家 | 兰州UPS电源,兰州山特UPS-兰州万胜商贸 | 口臭的治疗方法,口臭怎么办,怎么除口臭,口臭的原因-口臭治疗网 | 厂房出租_厂房出售_产业园区招商_工业地产&nbsp;-&nbsp;中工招商网 | 税筹星_灵活用工平台_企业财务顾问_财税法薪综合服务平台 | 双段式高压鼓风机-雕刻机用真空泵-绍兴天晨机械有限公司 | 西安文都考研官网_西安考研辅导班_考研培训机构_西安在职考研培训 | 危废处理系统,水泥厂DCS集散控制系统,石灰窑设备自动化控制系统-淄博正展工控设备 | 西宁装修_西宁装修公司-西宁业之峰装饰-青海业之峰墅级装饰设计公司【官网】 | 影合社-影视人的内容合作平台| 企业VI设计_LOGO设计公司_品牌商标设计_【北京美研】 | 山东柳店新能源科技有限公司| 海鲜池-专注海鲜鱼缸、移动海鲜缸、饭店鱼缸设计定做-日晟水族厂家 | 校园文化空间设计-数字化|中医文化空间设计-党建|法治廉政主题文化空间施工-山东锐尚文化传播公司 | 玉米深加工设备|玉米加工机械|玉米加工设备|玉米深加工机械-河南成立粮油机械有限公司 | 机器视觉检测系统-视觉检测系统-机器视觉系统-ccd检测系统-视觉控制器-视控一体机 -海克易邦 | 礼至家居-全屋定制家具_一站式全屋整装_免费量房设计报价 | 不干胶标签-不干胶贴纸-不干胶标签定制-不干胶标签印刷厂-弗雷曼纸业(苏州)有限公司 | 福州仿石漆加盟_福建仿石漆厂家-外墙仿石漆加盟推荐铁壁金钢(福建)新材料科技有限公司有保障 | 微信聊天记录恢复_手机短信删除怎么恢复_通讯录恢复软件下载-快易数据恢复 | 乳化沥青设备_改性沥青设备_沥青加温罐_德州市昊通路桥工程有限公司 | 冷却塔改造厂家_不锈钢冷却塔_玻璃钢冷却塔改造维修-广东特菱节能空调设备有限公司 | 不干胶标签-不干胶贴纸-不干胶标签定制-不干胶标签印刷厂-弗雷曼纸业(苏州)有限公司 |