Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 91久久精品国产91性色tv,亚洲欧美日韩国产精品,久久亚洲精品成人

          整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

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

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


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

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

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

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

          • xml:lang 和 xml:base ——兩者都是從XHTML規(guī)范繼承,但為了兼容性而被保留的。
          • 多重aria-*屬性,用于改善可訪問性。
          • 事件處理程序?qū)傩裕簅nabort, 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:指定元素唯一標(biāo)識。
          • style:為元素指定樣式。
          • class:用于匹配css樣式選擇器。
          • dir:指定文字內(nèi)容方向。ltr、rtl
          • title:指定元素額外信息,一般鼠標(biāo)移上去會顯示。
          • lang:告訴瀏覽器或搜索引擎,標(biāo)簽內(nèi)所使用的的語言。en ja ch
          • accesskey:指定鍵盤按鍵,可使得元素快速獲取焦點(diǎn)。
          • tabindex:切換焦點(diǎn)順序。

          HTML新增的全局屬性

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

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

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

          Spectre

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

          Mustard UI

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

          Bulma

          Bulma是一個基于Flexbox布局模型的免費(fèi)開源現(xiàn)代CSS框架。它提供了一個簡單的網(wǎng)格系統(tǒng)、反應(yīng)靈敏的導(dǎo)航條和多功能的媒體對象。Bulma中的每個元素都是首先移動的,并針對小屏幕進(jìn)行了優(yōu)化,并且可以使用修改器類和變量輕松定制。在Web前端培訓(xùn)中,會有很多框架的學(xué)習(xí)和應(yīng)用,可以讓你快速掌握前端技能。

          UI Kit

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

          TentCSS

          TentCSS是一個簡單易用的框架,提供了構(gòu)建響應(yīng)性網(wǎng)站所需的所有基本組件。它非常輕(僅5kb Gzip),遵循BEM標(biāo)準(zhǔn),并具有用于布局的現(xiàn)代flexbox網(wǎng)格。

          MaterializeCSS

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

          The Zurb Foundation

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

          Semantic UI

          Semantic是一個前端框架,它使用人性化HTML幫助創(chuàng)建美觀且響應(yīng)迅速的布局。它高度可定制,有3000多個CSS變量,可以用于自定義主題。語義高度響應(yīng),因?yàn)樗耆怯?/span>“em”值構(gòu)建的。

          Base

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

          MUI

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

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


          了解更多

           HTML是最流行的Web前端開發(fā)技術(shù)之一,它是一種用于創(chuàng)建網(wǎng)頁和 Web 應(yīng)用程序的標(biāo)記語言。HTML與CSS和JavaScript結(jié)合使用以創(chuàng)建有吸引力且響應(yīng)迅速的前端網(wǎng)頁。

            HTML 提供了幾個不同的元素,如 <head>、<body>、<p>、<img>、<a> 等,它們充當(dāng)網(wǎng)站的構(gòu)建塊,瀏覽器使用這些 HTML 元素來解釋和表示網(wǎng)頁上的內(nèi)容。

            HTML 概述

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

            HTML 文檔是具有通用語義的 SGML(標(biāo)準(zhǔn)通用標(biāo)記語言)文檔,可用于表示來自各種學(xué)科的數(shù)據(jù)。HTML 標(biāo)記可用于創(chuàng)建超文本郵件、文檔、新聞和超媒體;選項(xiàng)菜單;數(shù)據(jù)庫查詢結(jié)果;帶有內(nèi)嵌圖形的簡單結(jié)構(gòu)化文檔;和現(xiàn)有數(shù)據(jù)集的超文本視圖。

            HTML 語言的主要用途

            輕松瀏覽互聯(lián)網(wǎng)

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

            尖端功能

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

            

            創(chuàng)建 Web 文檔

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

            數(shù)據(jù)輸入

            你擁有執(zhí)行任何數(shù)據(jù)輸入任務(wù)所需的所有 API。作為開發(fā)人員,你只需在相關(guān)字段中添加標(biāo)簽,例如文本和數(shù)據(jù)格式,你甚至可以提供屏幕鍵盤和驗(yàn)證,確保為用戶提供流暢和愉快的體驗(yàn)。

            游戲開發(fā)

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

            離線存儲

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

            原生API使用

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

            在客戶端存儲東西

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

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

            

            方便使用的

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

            可訪問的富Internet應(yīng)用程序

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

            結(jié)論

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


          主站蜘蛛池模板: 亚洲av午夜福利精品一区人妖| 精品国产一区AV天美传媒| 精品一区二区三区免费毛片爱 | 精品免费国产一区二区三区| 精品一区二区AV天堂| 国产精品高清视亚洲一区二区 | 日韩精品一区二区三区在线观看| 一区二区中文字幕| 中文字幕无线码一区| 丰满爆乳无码一区二区三区| 污污内射在线观看一区二区少妇| 国产精品免费大片一区二区| 日本高清无卡码一区二区久久| 国产乱码精品一区二区三区| 精品人妻AV一区二区三区| 久久久久99人妻一区二区三区 | 色婷婷一区二区三区四区成人网 | 人成精品视频三区二区一区| 国产精品区一区二区三| 麻豆AV天堂一区二区香蕉 | 91国在线啪精品一区| 动漫精品专区一区二区三区不卡| 国产精品视频无圣光一区| 国产在线精品观看一区| 精品一区二区三区在线观看l | 亚洲色偷偷偷网站色偷一区| 亚洲一区二区影院| 蜜臀AV一区二区| 中文字幕一区在线观看视频| 国产一区二区成人| 精品免费国产一区二区| 精品人妻一区二区三区四区在线| 日韩电影在线观看第一区| 极品少妇伦理一区二区| 中文字幕无码一区二区三区本日| 国精品无码一区二区三区左线| 一区二区三区视频在线观看| 国产精品福利一区二区久久| 成人区人妻精品一区二区不卡| 无码AⅤ精品一区二区三区| 果冻传媒一区二区天美传媒|