-
1、<wbr></wbr> 軟換行 長度夠時不換行 不夠時換行查看全部
-
參考價值大查看全部
-
//搜索下拉框 <input id="aa" list="tt"/> <datelist id="tt"> <option value="11"></option> <option value="22"></option> <option value="33"></option> </datelist>查看全部
-
<wbr></wbr> 軟換行 長度夠時不換行 不夠時換行查看全部
-
<header>頭部</header> <nav>導航</nav> <section></section>用來劃分網頁 不能用來布局 <article></article>可以嵌套查看全部
-
2、表單標簽 (1)email:必須輸入郵件; (2)url:必須輸入url地址; (3)number:必須輸入數值; (4)range:必須輸入一定范圍內的數值; (5)Date Pickers:日期選擇器; a.date:選取日、月、年 b.month:選取月、年 c.week:選取周和年 d.time:選取時間(小時和分鐘) e.datetime:選取時間、日、月、年(UTC時間) f.datetime-local:選取時間、日、月、年(本地時間) (6)search:搜索常規的文本域; (7)color 3、媒體標簽 (1)video:視頻 (2)audio:音頻 (3)embed:嵌入內容(包括各種媒體),Midi、Wav、AU、MP3、Flash、AIFF等。 4、其他功能標簽 (1)mark:標注(像熒光筆做筆記) (2)progress:進度條;<progress max="最大進度條的值" value="當前進度條的值"> (3)time:數據標簽,給搜索引擎使用;發布日期<time datetime="2014-12-25T09:00">9:00</time> 更新日期<time datetime="2015-01-23T04:00" pubdate>4:00</time> (4)ruby和rt:對某一個字進行注釋;<ruby><rt>注釋內容</rt><rp>瀏覽器不支持時如何顯示</rp></ruby> (5)wbr:軟換行,頁面寬度到需要換行時換行; (6)canvas:使用JS代碼做內容進行圖像繪制; (7)command:按鈕; (8)deteils :展開菜單; (9)dateilst:文本域下拉提示; (10)keygen:加密;查看全部
-
全局屬性:對于任何一個標簽都可以使用 1、data-yourvalue——自定義屬性 例子:data-type(yourvalue為你想定義數據的名字) 2、hidden——可對加上該屬性的元素隱藏 例子:<label hidden>不可見</label> 3、Spellcheck——對輸入內容進行語法測錯 例子:<textarea tabindex="2" spellcheck="true" cols="60" rows="5"> 4、tabindex——按下tab鍵后,接下去的順序 例子:<span>郵件<\span> <input tabindex="3"/> 表示按兩下Tab鍵后,光標會落在郵件處 5、contenteditable——使有該屬性的元素可編輯 例子:<p contenteditable="true">請你留言</p> 6、designMode——一個jsp屬性,可以使整個頁面都可編輯 例子:<script> window.document.designMode='off';//把off改成on就可以生效 </script>查看全部
-
<script defer src=“地址” onload=“alert('a')”></script> //屬性defer:下載完腳本文件a后,并不運行,而是等整個頁面全部加載完成后在執行。 <script async src=“地址” onload=“alert('b')”></script> //屬性async:下載完腳本文件后立刻運行,且同時解析下面的程序 運行結果是:先運行b,在運行a。 //若沒有defer和async這兩個屬性,則運行過程是:先下載腳本文件a,之后執行a,再讀取腳本文件b并下載,之后運行。 內嵌框架iframe: <iframe seamless srcdoc="<h1>hello</h1>" sandbox src="http://www.baidu.com"></iframe> seamless:表示這個框架沒有邊框和邊距 srcdoc:指定內嵌框架的內容(與后面的src有順序關系,當srcdoc出現之后,src中的內容就會被忽略) "<h1>hello</h1>":標題1的內容 只運行srcdoc中的內容,而不會嵌入百度 sandbox:用來規定內嵌框架的安全級別,有這個屬性就表示iframe受到嚴格安全限制的框架(如不能提交表單,異源的東西有限制) <iframe seamless sandbox src="http://www.baidu.com"></iframe> 雖然嵌入了百度頁面,但是不能搜索 我們可以給sandbox賦一個值,使之能夠提交表單,即搜索能夠運行, <iframe seamless sandbox="allow-forms" src="http://www.baidu.com"></iframe> sandbox共有四個值(allow-forms:允許提交表單 allow-same-origin:允許是相同的源 allow-scripts:允許在里面執行腳本 allow-top-navigation:允許使外面的頁面進行跳轉)查看全部
-
1、a:hreflang="zh"(設置語言,這里設置語言是中文,表示網址使用的網址是中文) a:ref="external"(設置超鏈接的引用,表示網址使用的是外部的) <a media="handheld" href="#">持續</a> <a media="tv" href="#">電視</a> <a ref="external">慕課網</a> 2、有序列表ol:新增start(列表起始值),reversed(是否倒置) <ol start="50" label="Menu">//倒順序 <li></li> <li></li> </ol> 3、menu菜單type屬性(3個菜單類型):contextmenu(上下文菜單),list(列表菜單),toolbar(工具欄) <menu type="toolbar" label="Menu"> <li><input type="checkbox"/>Red/li> <li><input type="checkbox"/>yellow/li> </menu> 4、內嵌css樣式:在標簽內部來定義一個樣式區塊(scoped),只對樣式標簽內部才有效 <div> <style type="text/css" scoped> h1{color:red;} p{color:blue;} </style> <h1>你是誰?</h1> <p>我是另一個你</p> </div> 5、內嵌框架:iframe元素,新增了seamless無邊距無邊框,srcdoc定義了內嵌框架的內容 <iframe seamless srcdoc="<h1>Hello</h1>" sandbox src="http://www.baidu.com"></iframe>查看全部
-
html5 新增的標簽查看全部
-
XHTML——HTML嚴格模式:嚴格區分大小寫 HTML4 HTML5對大小寫不進行區分。查看全部
-
案例截圖查看全部
-
不區分大小寫,布爾值默認為true,可以省略一些標簽查看全部
-
html5 datalist(可以折疊的ul li) 進度條 time 刪除的屬性是可以用css代替的 link 標簽里面 可以sizes="size乘以size" script 的加載順序 如果沒有這倆屬性之一 是同步進行 也有屬性 defer(等頁面全部加載后執行) async(異步 同時執行這個js 和繼續執行后面的代碼) ol start reversed 倒敘 style 屬性 scoped 只內部有作用(少用) ifream 也有新屬性 textare spellcheck (檢查錯誤字) tabindex 根據順序填寫文本框內容 table contenteidttable 標簽增加這個屬性 可以在頁面更改內容 <script>window.document.designMode="off"</script>加上這句話 頁面所有都不可編輯 改成on 所有文字可編輯 hidden 是HTML5 新增的屬性查看全部
-
結構圖查看全部
舉報
0/150
提交
取消