整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML通用屬性和各種事件屬性

          HTML通用屬性和各種事件屬性


          TML中不同的屬性支持略有區別。所謂的通用屬性即全局屬性,是所有元素都支持的一些屬性,mdn里解釋如下

          全局屬性是所有HTML元素共有的屬性; 它們可以用于所有元素,即使屬性可能對某些元素不起作用。

          我們可以在所有的HTML元素上指定全局屬性,甚至是在標準里沒有指定的元素。這意味著任何非標準元素仍必須能夠應用這些屬性,即使使用這些元素意味著文檔不再是html5兼容的。例如,雖然<foo>不是一個有效的HTML元素,但是html5兼容的瀏覽器隱藏了標記為<foo hidden>...<foo>的內容。

          除了基本的HTML全局屬性之外,還存在以下全局屬性:

          • xml:lang 和 xml:base ——兩者都是從XHTML規范繼承,但為了兼容性而被保留的。
          • 多重aria-*屬性,用于改善可訪問性。
          • 事件處理程序屬性:onabort, onautocomplete, onautocompleteerror, onblur, oncance, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting.

          H5保留的常用全局屬性

          • id:指定元素唯一標識。
          • style:為元素指定樣式。
          • class:用于匹配css樣式選擇器。
          • dir:指定文字內容方向。ltr、rtl
          • title:指定元素額外信息,一般鼠標移上去會顯示。
          • lang:告訴瀏覽器或搜索引擎,標簽內所使用的的語言。en ja ch
          • accesskey:指定鍵盤按鍵,可使得元素快速獲取焦點。
          • tabindex:切換焦點順序。

          HTML新增的全局屬性

          • contentEditable:boolean是否可直接編輯html里的內容。HTMLElement接口提供了isContentEditable屬性。
          • hidden:boolean隱藏即相當于display:none.很有用!
          • spellcheck:是否對用戶輸入的內容進行文本檢查。
          • autocapitalize:控制用戶的文本輸入是否和如何自動大寫,它可以有以下的值:
          • off or none,沒有應用自動大寫(所有字母都默認為小寫字母)。
          • on or sentences,每個句子的第一個字母默認為大寫字母;所有其他字母都默認為小寫字母。
          • words,每個單詞的第一個字母默認為大寫字母;所有其他字母都默認為小寫字母。
          • characters,所有的字母都應該默認為大寫。
          • contextmenu:右鍵菜單,暫無支持。
          • data-*:一類自定義數據屬性,它賦予我們在所有 HTML 元素上嵌入自定義數據屬性和與腳本交換數據的能力,HTMLElement.dataset.* 可以訪問讀寫它們。
          • draggable:boolean指示是否可以 使用 H5新增的拖放API 拖動元素
          • is:允許您指定標準HTML元素應該像已注冊的自定義內置元素一樣。框架和HTML組件會用到。

          過去的幾年里,Web開發已經變得非常流行。每年都會發布許多前端框架,Bootstrap一直是最受歡迎的一個,但是,還有許多其他的框架,你可能沒有聽說過,但絕對值得一試。想學的同學可以參加Web前端培訓,快速有效提升自己。

          在本文中,我們將介紹10個好用的框架。

          Spectre

          Spectre是一個現代的、自由的、響應迅速的CSS框架。它提供了優雅的元素、基于flexbox的響應式布局系統以及CSS組件和實用程序,可以使用SassScss編譯器進行修改。它非常輕量級,只有10KBGzip,并且支持大多數現代瀏覽器。

          Mustard UI

          這是一個開源、輕量級的入門級CSS框架。它分為多個模塊,您可以選擇是包含所有模塊,還是只包含所需的模塊。它配備了前端設計所需的所有組件,如flexbox網格、按鈕、表格、表單、卡片等,并且可以通過scss變量進行定制。

          Bulma

          Bulma是一個基于Flexbox布局模型的免費開源現代CSS框架。它提供了一個簡單的網格系統、反應靈敏的導航條和多功能的媒體對象。Bulma中的每個元素都是首先移動的,并針對小屏幕進行了優化,并且可以使用修改器類和變量輕松定制。在Web前端培訓中,會有很多框架的學習和應用,可以讓你快速掌握前端技能。

          UI Kit

          這是另一個很棒的CSSJavaScript前端框架,它有自己的SVG圖標字體和許多組件。UIkit在外觀和框架方面都設計得非常好,具有統一的樣式、易于記憶的API、許多自定義選項和有用的修改器類。

          TentCSS

          TentCSS是一個簡單易用的框架,提供了構建響應性網站所需的所有基本組件。它非常輕(僅5kb Gzip),遵循BEM標準,并具有用于布局的現代flexbox網格。

          MaterializeCSS

          這是一個基于材料設計的現代響應前端框架。它的使用非常簡單,特別是對于熟悉其他類似項目(如Bootstrap)的人來說。有一個初學者模板的集合,將幫助您輕松地設計您的網站。

          The Zurb Foundation

          ZURB基礎框架是建立響應網站和應用程序的另一個流行工具。它附帶了許多完全可定制的模塊化和靈活組件,您可以使用這些組件設計在任何設備上都令人驚嘆的漂亮響應網站。通過Web前端培訓的學習,理論知識+實踐項目,雙管齊下,更有利于學員加深對所學知識的理解和運用,真正做到學以致用,從而將知識內化成自身的能力。

          Semantic UI

          Semantic是一個前端框架,它使用人性化HTML幫助創建美觀且響應迅速的布局。它高度可定制,有3000多個CSS變量,可以用于自定義主題。語義高度響應,因為它完全是用“em”值構建的。

          Base

          Base是一個輕量級的、最小的、響應迅速的CSS框架。它構建在最新的Normalize.css之上,并分為獨立的模塊,因此您只能使用所需的模塊。它首先是移動的,在包括IE10+在內的所有現代瀏覽器上都非常有效。

          MUI

          這是一個小型且響應迅速的框架,遵循谷歌的材料設計指南。它沒有外部依賴項,并且非常輕量級,只有5.4kbgzip。它提供React支持,通過SASS文件進行定制,并有一個單獨的內聯版本用于設置電子郵件樣式。

          這些框架在web開發工作中也會起到不小的作用,掌握好這些框架的運用將會使你的開發工作變得更加高效和穩定。想要盡快學會這些框架的使用,參加Web前端培訓就是一個不錯的方法,可以提高學習效率,在最短的時間內學到最多最有效的知識和技能。


          了解更多

           HTML是最流行的Web前端開發技術之一,它是一種用于創建網頁和 Web 應用程序的標記語言。HTML與CSS和JavaScript結合使用以創建有吸引力且響應迅速的前端網頁。

            HTML 提供了幾個不同的元素,如 <head>、<body>、<p>、<img>、<a> 等,它們充當網站的構建塊,瀏覽器使用這些 HTML 元素來解釋和表示網頁上的內容。

            HTML 概述

            HTML(超文本標記語言)是Web瀏覽器理解并用于呈現網頁的語言。在不同元素的幫助下,HTML 決定了網頁的外觀和顯示內容。超文本標記語言 (HTML) 是一種用于創建獨立于平臺的超文本文檔的簡單標記語言。

            HTML 文檔是具有通用語義的 SGML(標準通用標記語言)文檔,可用于表示來自各種學科的數據。HTML 標記可用于創建超文本郵件、文檔、新聞和超媒體;選項菜單;數據庫查詢結果;帶有內嵌圖形的簡單結構化文檔;和現有數據集的超文本視圖。

            HTML 語言的主要用途

            輕松瀏覽互聯網

            超文本允許你訪問 Internet 上的不同頁面,尤其是在你沒有記住所有 URL 的情況下。你只需單擊鏈接或在地址字段中輸入 URL 即可瀏覽互聯網。超文本對于引導用戶瀏覽你的網站并充當網關至關重要,以便他們知道存在不同的頁面并可以在它們之間導航。如果不使用超文本,用戶很難檢測到網站上是否還有其他網頁。

            尖端功能

            HTML 支持 Polyfill 功能,它是一種允許你在 HTML 中本地使用不同技術的代碼。你可以使用此功能復制未來的API,同時為過時版本的瀏覽器提供回退功能;你可以自定義polyfill庫以滿足你的特定要求并執行其他人從未做過的事情。HTML 的這些尖端特性是HTML有如此多用途的原因。

            

            創建 Web 文檔

            網頁只是一個Web文檔,你可以在其中編寫你希望用戶看到的材料,然后將其包裝在指示機器如何格式化整個內容的代碼中。這會告訴你的瀏覽器標題、正文和元數據中的文本,它帶有標簽,因此計算機知道如何處理你提供的信息。

            數據輸入

            你擁有執行任何數據輸入任務所需的所有 API。作為開發人員,你只需在相關字段中添加標簽,例如文本和數據格式,你甚至可以提供屏幕鍵盤和驗證,確保為用戶提供流暢和愉快的體驗。

            游戲開發

            游戲開發是 HTML 的重要用途之一。盡管不再支持Flash,但HTML仍可用于創建基于瀏覽器的游戲。你使用的API不必完全實現,但可以使用最必要的組件,同時去掉了其余的功能,帶來了更輕松的體驗。由于HTML5的進步,HTML正迅速成為最流行的游戲編程語言之一。

            離線存儲

            如果你的一些用戶不在線怎么辦?在最新版本的HTML中找到的應用程序緩存方法的幫助下,你仍然可以使你的應用程序運行。應用程序緩存負責各種離線功能,包括各種組件,包括需要更新的API調用。通過清單文件,你可以控制瀏覽器對其離線使用的操作,甚至它使用的資源。

            原生API使用

            API代表“應用程序編程接口”,這是兩個不同應用程序相互通信的一種方式。通過使用API,HTML包括地理定位、事件管理、拖放和更多功能,HTML編程現在比以往任何時候都更強大。開發人員還可以使用具有異步特性的現代在線應用程序。

            在客戶端存儲東西

            IndexDB和Localstorage 使在客戶端存儲文件更簡單、更高效,這些都有自己的一套強大的功能。

            Localstorage支持setItem、getItem 和removeItem方法,以及基于字符串的哈希表存儲。IndexDB帶有更多的存儲空間,你可以在用戶許可的情況下增加。

            

            方便使用的

            與其他編程語言不同,HTML以用戶友好而聞名,即使對于初學者也是如此,所以,這也是HTML的主要用途之一。HTML中有語義組件來描述它們所具有的內容類型,例如,頁眉、頁腳、主要、摘要和時間等HTML常用標簽是自描述的。

            可訪問的富Internet應用程序

            HTML5語義標簽的使用使網站搜索引擎和屏幕閱讀器友好,如果正確使用語義標簽,視障人士可以使用屏幕閱讀器從網頁中獲取信息。

            結論

            在這篇博客中,我們講述了HTML的所有重要用途,它通常是Web開發人員學習的第一語言,所以,如果你想學習Web編程并且害怕學習HTML的難度,你不必擔心,HTML非常容易學習。


          主站蜘蛛池模板: 免费观看日本污污ww网站一区| 国产一区在线mmai| 日本一区二区三区高清| 日韩一区二区久久久久久| 国产精品视频一区二区三区经| 精品一区二区无码AV| 亚洲一区二区三区播放在线| 国产激情一区二区三区小说| 综合人妻久久一区二区精品| 免费播放一区二区三区| 中文字幕一区二区三区四区| 亚洲一区精品中文字幕| 国产在线精品观看一区| 少妇人妻精品一区二区三区| 一区二区三区久久精品| 国产一区在线播放| 欧美日韩国产免费一区二区三区| 少妇无码AV无码一区| 视频在线一区二区| 一区二区三区免费在线观看| 成人久久精品一区二区三区| 亚洲综合一区二区| 亚洲Av无码一区二区二三区| 日韩av无码一区二区三区| 日本不卡免费新一区二区三区| 久久久精品日本一区二区三区| 无码人妻精品一区二| 精品不卡一区中文字幕| 日本一区二区三区在线网| 国产在线精品一区二区在线看| 在线精品自拍亚洲第一区| 极品少妇伦理一区二区| 一区二区三区免费看| 亚洲AV午夜福利精品一区二区| 亚洲一区二区影院| 亚洲国产福利精品一区二区| 亚洲精品国产suv一区88| 成人一区二区三区视频在线观看| 日本在线视频一区二区三区| 国产精品亚洲综合一区在线观看| 一区二区免费在线观看|