<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          HTML5全局屬性匯總

          時間:?2017-12-14閱讀:?925標簽:?html5

          局部屬性和全局屬性  

          局部屬性:有些元素能規定自己的屬性,這種屬性稱為局部屬性。比如link元素,它具有的局部屬性有href、 rel、 hreflang、 media、 type、 sizes這六個。
          全局屬性:可以用來配置所有元素共有的行為,這種屬性稱為全局屬性,可以用在任何一個元素身上。


          1、accesskey屬性

          使用accesskey屬性可以設定一個或幾個用來選擇頁面上的元素的快捷鍵。

          <!DOCTYPE html>
          <html lang="zh-CN">
          <head>
             <meta charset="UTF-8">
             <meta name="viewport" content="width=device-width, initial-scale=1.0">
             <meta http-equiv="X-UA-Compatible" content="ie=edge">
             <title>HTML全局屬性測試</title>
          </head>
          <body>
             <form action="">
                 <p>
                     Name: <input type="text" name="name" id="" accesskey="n">                
                 </p>
                 <p>
                     Password: <input type="password" name="password" id="" accesskey="p">                
                 </p>
                 <p>
                     Name: <input type="submit" name="" id="" value="Log In" accesskey="s">                
                 </p>
             </form>
          </body>
          </html>

          在上面的例子中,三個input元素添加了accesskey屬性,這樣在Mac下就可以用Control + Alt(Option) + n快捷鍵訪問到Name的輸入框了。用來觸發accesskey機制的按鍵組合因平臺而異,具體如下:

          瀏覽器/平臺WindowLinuxMac
          FirefoxAlt + Shift + keyAlt + Shift + keyControl + Alt + key
          Internet ExplorerAlt + keyN/AN/A
          Google ChromeAlt + keyAlt + keyControl + Alt + key
          SafariAlt + keyN/AControl + Alt + key
          Opera同Google Chrome同Google Chrome同Google Chrome


          2、class屬性

          class屬性用來將元素歸類,這個就無需多言了。


          3、contenteditable屬性

          contenteditable是HTML5中新增加的屬性,,其用途是讓用戶能夠修改頁面上的內容。

          <body>
              <!-- contenteditable屬性應用 -->
              <p contenteditable="true">設置為 true 是可編輯的</p>
          </body>

          如上例,p元素的contenteditable屬性值設置為true時,用戶可以單擊文字編輯內容。設置為false時禁止編輯。


          4、dir屬性

          dir屬性用來規定元素中文字的方向。有效值有兩個:ltr(從左到右)、rtl(從右到左)。

              <!-- dir屬性應用 -->
              <p dir="ltr">從左到右</p>
              <p dir="rtl">從右到左</p>


          5、draggable屬性

          draggable屬性是HTML5支持拖放操作的方式之一,用來表示元素是否可悲拖放。詳細……


          6、dropzone屬性

          dropzone屬性是HTML5支持拖放操作的方式之一,與draggable屬性搭配使用。


          7、id屬性

          id屬性用來給元素分配一個唯一的標識符。這個也無需多言。需要說明的一點是,id屬性還可以用來導航到文檔中的特定位置。


          8、hidden屬性

          hidden是個布爾屬性,表示相關元素當前不需要關注,瀏覽器對它的處理方式是隱藏相關元素(隱隱想起來控制一個元素的展示隱藏的時候,會自定義一個hidden類,然后在里面寫隱藏樣式)

              <!-- hidden屬性應用 -->
              <div hidden>這個元素將會被隱藏</div>

          9、lang屬性

          lang屬性用于說明元素內容使用的語言。lang屬性必須使用有效的ISO語音代碼,使用這個屬性的目的在于,讓瀏覽器調整其表達元素內容的方式,比如在使用了文字朗讀器的情況下正確發音。

              <!-- lang屬性應用 -->
              <p lang="en">Hello - how are you?</p>


          10、spellcheck屬性

          spellcheck屬性用來表明瀏覽器是否應該對元素的內容進行拼寫檢查,這個屬性只有用在用戶可以編輯的元素上時才有意義。
          spellcheck屬性可以接受的值有兩個:true和false。至于拼寫檢查的實現方式則因瀏覽器而異。

          <!-- spellcheck屬性應用 -->
              <textarea name="" id="" cols="30" rows="10" spellcheck="true">This is some lalalala text</textarea>


          11、style屬性

          style屬性用來直接在元素身上定義CSS樣式,這個也不做過多描述了。


          12、tabindex屬性

          HTML頁面的鍵盤焦點可以通過按Tab鍵在各元素之間切換。用tabindex屬性可以改變默認的轉移順序。

              <!-- tabindex屬性應用 -->
              <form action="">
                  <label>Name: <input type="text" name="" id="" tabindex="2"></label>
                  <label>City: <input type="text" name="" id="" tabindex="-1"></label>
                  <label>Country: <input type="text" name="" id="" tabindex="1"></label>
                  <input type="submit" value="" tabindex="3">
              </form>

          上面的代碼實現效果是:在按Tab鍵的過程中,tabindex為1的Country輸入框第一個被選中,接著焦點會跳到Name輸入框,最后是submit提交。tabindex設置為-1的元素不會在用戶按下Tab鍵后被選中。


          13、title屬性

          title屬性提供了元素的額外信息,瀏覽器通常用這些東西顯示工具條提示,這個在一些展示不全的文本標題也經常使用。


          吐血推薦

          1.站長廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入...

          2.休閑娛樂: 直播/交友    優惠券領取   網頁游戲   H5游戲

          鏈接: http://www.modern-decoration.com.cn/article/detial/250

          html5的文檔申明為什么是<!DOCTYPE html>

          文檔聲明就是文檔告訴游覽器該以什么樣的標準去解析它。游覽器可以解析的文檔可不止html,還有xhtml,xml...當然在這里我們并不需要知道xhtml、xml是什么以及和html的區別

          HTML5程序員需要掌握的重要技能

          現在參加HTML5培訓的人很多,但是能學到什么東西還有很多的小伙伴不是很清楚,本篇文章就帶讀者看一下一名專業的HTML5程序員需要掌握哪些技能。

          HTML5新特性總結

          HTML5發布于2014年,設計目的是為了在移動端支持多媒體。語義化標簽:section和article標簽都是獨立的分塊標簽,section跟隨意,article表示單獨的文字單元。

          html5新增主體結構元素有哪些?_各自的用途與使用

          html5新增元素:article元素,aside元素,nav元素,section元素,footer元素,header元素,figure元素,figcaption元素。article元素代表文檔、頁面或應用程序中獨立的、完整的、可以獨自被外部引用的內容。

          一起來看 HTML 5.2 中新的原生元素 <dialog>

          HTML 5.2 正式成為 W3C 的推薦標準(REC),其中,推出了一個新的原生模態對話框元素 <dialog>,乍一看,可能感覺它就是一個新增的元素,然而,作者最近在玩的時候,發現它確實是一個值得期待和很有意思的元素

          HTML5的WebSocket的API,WebSocket API簡介

          由于實際工作中很少接觸WebSocket,因為很少有業務需求要用到WebSocket。WebSocket協議是基于TCP的一種新的網絡協議。它實現了瀏覽器與服務器全雙工(full-duplex)通信——允許服務器主動發送信息給客戶端。

          提示用戶升級瀏覽器代碼 不支持HTML5,請升級瀏覽器

          javascript提示用戶升級瀏覽器代碼],低于ie9的瀏覽器提示.傾向于提示用戶升級瀏覽器,而不是為了兼容老版瀏覽器.

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网