整合營銷服務(wù)商

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

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

          HTML 全局屬性

          HTML 全局屬性

          TML5 新屬性。

          屬性描述
          accesskey設(shè)置訪問元素的鍵盤快捷鍵。
          class規(guī)定元素的類名(classname)
          contenteditableNew規(guī)定是否可編輯元素的內(nèi)容。
          contextmenuNew指定一個(gè)元素的上下文菜單。當(dāng)用戶右擊該元素,出現(xiàn)上下文菜單
          data-*New用于存儲(chǔ)頁面的自定義數(shù)據(jù)
          dir設(shè)置元素中內(nèi)容的文本方向。
          draggableNew指定某個(gè)元素是否可以拖動(dòng)
          dropzoneNew指定是否將數(shù)據(jù)復(fù)制,移動(dòng),或鏈接,或刪除
          hiddenNewhidden 屬性規(guī)定對(duì)元素進(jìn)行隱藏。
          id規(guī)定元素的唯一 id
          lang設(shè)置元素中內(nèi)容的語言代碼。
          spellcheckNew檢測元素是否拼寫錯(cuò)誤
          style規(guī)定元素的行內(nèi)樣式(inline style)
          tabindex設(shè)置元素的 Tab 鍵控制次序。
          title規(guī)定元素的額外信息(可在工具提示中顯示)
          translateNew指定是否一個(gè)元素的值在頁面載入時(shí)是否需要翻譯

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          部屬性和全局屬性

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

          1、accesskey 屬性

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

          <!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta > <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>HTML全局屬性測試</title></head><body> <form action=""> <p> Name: <input type="text" > </p> <p> Password: <input type="password" > </p> <p> Name: <input type="submit" > </p> </form></body></html>

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

          瀏覽器 / 平臺(tái)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

          關(guān)于 accesskey 這個(gè)全局屬性的詳解,可以看一下 HTML accesskey 屬性與 web 自定義鍵盤快捷訪問

          2、class 屬性

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

          3、contenteditable 屬性

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

          <body> <!-- contenteditable屬性應(yīng)用 --> <p contenteditable="true">設(shè)置為 true 是可編輯的</p></body>

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

          4、dir 屬性

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

          <!-- dir屬性應(yīng)用 --><p dir="ltr">從左到右</p><p dir="rtl">從右到左</p>

          5、draggable 屬性

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

          6、dropzone 屬性

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

          7、id 屬性

          id 屬性用來給元素分配一個(gè)唯一的標(biāo)識(shí)符。這個(gè)也無需多言。需要說明的一點(diǎn)是,id 屬性還可以用來導(dǎo)航到文檔中的特定位置。

          8、hidden 屬性

          hidden 是個(gè)布爾屬性,表示相關(guān)元素當(dāng)前不需要關(guān)注,瀏覽器對(duì)它的處理方式是隱藏相關(guān)元素(隱隱想起來控制一個(gè)元素的展示隱藏的時(shí)候,會(huì)自定義一個(gè) hidden 類,然后在里面寫隱藏樣式),具體也可以看一下這篇介紹 HTML5 的 hidden 屬性

          <!-- hidden屬性應(yīng)用 --> <div hidden>這個(gè)元素將會(huì)被隱藏</div>

          9、lang 屬性

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

          <!-- lang屬性應(yīng)用 --> <p lang="en">Hello - how are you?</p>

          10、spellcheck 屬性

          spellcheck 屬性用來表明瀏覽器是否應(yīng)該對(duì)元素的內(nèi)容進(jìn)行拼寫檢查,這個(gè)屬性只有用在用戶可以編輯的元素上時(shí)才有意義。 spellcheck 屬性可以接受的值有兩個(gè):true 和 false。至于拼寫檢查的實(shí)現(xiàn)方式則因?yàn)g覽器而異。

          <!-- spellcheck屬性應(yīng)用 --> <textarea >This is some lalalala text</textarea>

          11、style 屬性

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

          12、tabindex 屬性

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

          <!-- tabindex屬性應(yīng)用 --> <form action=""> <label>Name: <input type="text" ></label> <label>City: <input type="text" ></label> <label>Country: <input type="text" ></label> <input type="submit" value="" tabindex="3"> </form>

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

          13、title 屬性

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

          <!-- title屬性應(yīng)用 --><a  title="我的個(gè)人網(wǎng)站">qiqihaobenben.github.io</a>

          局配置文件

          Spring Boot的全局配置文件:

          1. application.properties
          2. application.yaml

          存放路徑:src/main/resource目錄或類路徑的/config

          application.properties

          寫法

          # 普通屬性值的配置
          # 設(shè)置端口號(hào)
          server.port=8081
          # 修改默認(rèn)的虛擬路徑
          server.servlet.context-path=/chapter02
          # 給實(shí)體類里面的屬性賦值
          # 對(duì)象類型的聲明
          person.id=1
          person.name=zhangsan
          person.hobby=play,read,sleep
          person.family=father,mother
          person.map.k1=v1
          person.map.k2=v2
          person.pet.type=dog
          person.pet.name=kitty。

          更多配置屬性,詳見官網(wǎng)https://docs.spring.io/spring-boot/docs/current/reference/html/common-application-properties.html

          Application.yaml

          1 概念

          YAML文件格式是Spring Boot支持的一種JSON超集文件格式

          相較于傳統(tǒng)的Properties配置文件,YAML文件以數(shù)據(jù)為核心,是一種更為直觀且容易被電腦識(shí)別的數(shù)據(jù)序列化格式。

          application.yaml文件的工作原理和application.properties一樣。

          當(dāng)application.yaml和application.properties同時(shí)存在在一個(gè)文件夾中時(shí),只有application.properties生效的原因:

          在spring-boot-starter-parent-2.1.7.RELEASE.pom中聲明加載配置文件順序:application.yml、application.yaml、application.properties,由于application.yaml在application.properties前面,在加載過程中application.yaml被application.properties覆蓋了,所以只有application.properties生效。兩個(gè)配置文件中都有相同的配置時(shí),前面的配置會(huì)被后面的配置所覆蓋。比如,兩個(gè)配置文件都配置了port,那么,只有只有application.properties生效;只有application.yaml配置了port,而只有application.properties生效沒有配置port的話,只有application.yaml中的port會(huì)生效。

          2 寫法


          主站蜘蛛池模板: 亚洲国产AV无码一区二区三区| 无码人妻精品一区二区三区不卡| 视频一区在线播放| 自慰无码一区二区三区| 精品人妻一区二区三区毛片| 亚洲成av人片一区二区三区| 四虎永久在线精品免费一区二区| 日韩国产一区二区| 日韩熟女精品一区二区三区| 午夜无码一区二区三区在线观看| 国产一区二区三区亚洲综合| 一区二区三区在线播放| 国产精品区AV一区二区| 亚州国产AV一区二区三区伊在| 三级韩国一区久久二区综合| 精品久久久久一区二区三区| 韩国福利一区二区三区高清视频| 国模少妇一区二区三区| 无码AV中文一区二区三区| 亚洲国产成人久久综合一区| 蜜臀AV无码一区二区三区| 国产人妖在线观看一区二区| 无码人妻一区二区三区精品视频| 蜜桃视频一区二区三区| 中文字幕在线视频一区| 免费精品一区二区三区第35| 老熟女高潮一区二区三区| 精品人妻无码一区二区色欲产成人 | 国产精品一区二区久久不卡| 久久婷婷色一区二区三区| 精品无码一区二区三区电影| 日韩视频免费一区二区三区| 一区二区中文字幕在线观看| 国产精品丝袜一区二区三区 | 精品无码成人片一区二区98| 国产一区二区精品久久岳√| 熟妇人妻一区二区三区四区| 99久久无码一区人妻a黑| 精品91一区二区三区| 久久精品国产一区二区三| 国产精品久久久久一区二区三区 |