建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
html5新增特性和使用方法
Part1:：新增的與結構相關的元素（主要是原來
元素的按照其功能進行了細分）
分享題目：html5新增特性和使用方法
分享URL：http://www.ef60e0e.cn/article/phohji.html
我們擁有十余年網(wǎng)頁設計和網(wǎng)站建設經(jīng)驗，從網(wǎng)站策劃到網(wǎng)站制作，我們的網(wǎng)頁設計師為您提供的解決方案。為企業(yè)提供成都網(wǎng)站設計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設公司、微信開發(fā)、小程序制作、手機網(wǎng)站開發(fā)、H5響應式網(wǎng)站、等業(yè)務。無論您有什么樣的網(wǎng)站設計或者設計方案要求，我們都將富于創(chuàng)造性的提供專業(yè)設計服務并滿足您的需求。
主體結構元素:
元素：表示對于整個頁面或者頁面一個內(nèi)容區(qū)塊
Part2：新增的與結構無關的元素
Part3：新增的元素的類型：
Figure元素
用
This is an p_w_picpath of something interesting.
重新定義的
已經(jīng)被重新定義了，現(xiàn)在被用來表示小的排版，如網(wǎng)站底部的版權聲明
Email Inputs
如果我們給Input的type設置為email，瀏覽器就會驗證這個輸入是否是email類型，當然不能只依賴前端的校驗，后端也得有相應的校驗
Placeholders
這個input屬性的意義就是不必通過javascript來做placeholder的效果了
Local Storage
使用Local Storage可以永久存儲大的數(shù)據(jù)片段在客戶端（除非主動刪除），目前大部分瀏覽器已經(jīng)支持，在使用之前可以檢測一下window.localStorage是否存在
語義化的header和footer12. IE和HTML5
默認的，HTML5新元素被以inline的方式渲染，不過可以通過下面這種方式讓
其以block方式渲染
header, footer, article, section, nav, menu, hgroup {
display: block;
}
不幸的是IE會忽略這些樣式，可以像下面這樣fix:
document.createElement(”article”);
document.createElement(”footer”);
document.createElement(”header”);
document.createElement(”hgroup”);
document.createElement(”nav”);
document.createElement(”menu”);
hgroup
一般在header里面用來將一組標題組合在一起，如
Recall Fan Page
Only for people who want the memory of a lifetime.
Required屬性
required屬性定義了一個input是否是必須的，你可以像下面這樣聲明
或者
Autofocus屬性
正如它的詞義，就是聚焦到輸入框里面
Audio支持
HTML5提供了
Video支持
和Audio很像，
Your browser is old.
正則表達式
由于pattern屬性，我們可以在你的markup里面直接使用正則表達式了
檢測屬性支持
除了Modernizr之外我們還可以通過javascript簡單地檢測一些屬性是否支持，如：
Mark元素
把元素看做是高亮的作用，當我選擇一段文字的時候，javascript對于HTML的markup效果應該是這樣的：
Search Results
They were interrupted, just after Quato said, ”O(jiān)pen your Mind”.
什么時候用
HTML5已經(jīng)引入了這么多元素，那么div我們還要用嗎？div你可以在沒有更好的元素的時候去用。
哪些不是HTML5
1)SVG
2)CSS3
3)Geolocation
4)Client Storage
5)Web Sockets
26. Data屬性
CSS中使用：
27. Output元素
28. 用Range Input來創(chuàng)建滑塊
HTML5引用的range類型可以創(chuàng)建滑塊，它接受min, max, step和value屬性
可以使用css的:before和:after來顯示min和max的值
input[type=range]:before { content: attr(min); padding-right: 5px;
}
input[type=range]:after { content: attr(max); padding-left: 5px;}
分享題目：html5新增特性和使用方法
分享URL：http://www.ef60e0e.cn/article/phohji.html
