整合營銷服務(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 寫法


          主站蜘蛛池模板: 亚洲Aⅴ无码一区二区二三区软件| 久久久老熟女一区二区三区| 午夜一区二区在线观看| 无码欧精品亚洲日韩一区| 国产精品第一区第27页| 男人的天堂精品国产一区| 午夜天堂一区人妻| 日韩精品一区二区三区毛片| 亚洲一区在线免费观看| 亚洲av无码不卡一区二区三区| 一区二区3区免费视频| 国产女人乱人伦精品一区二区| 中文字幕精品一区二区| 亚洲丰满熟女一区二区v| 精品亚洲A∨无码一区二区三区| 亲子乱AV视频一区二区| 国产一区二区高清在线播放 | 日本一区午夜爱爱| 亚洲中文字幕乱码一区| 国产福利91精品一区二区| 亚洲天堂一区在线| 精品一区二区三区四区在线播放 | 国产AV一区二区三区无码野战| 国产亚洲自拍一区| 国产一区视频在线| 蜜桃无码一区二区三区| 国产99久久精品一区二区| 亚洲AV无码一区二区一二区| 国产av一区最新精品| 国产在线第一区二区三区| 能在线观看的一区二区三区| 午夜视频久久久久一区| 精品国产一区二区三区久久蜜臀| 一区二区精品在线观看| 国产内射在线激情一区| 国产精品女同一区二区| 国产成人精品久久一区二区三区| 无码日本电影一区二区网站| 3d动漫精品啪啪一区二区免费| 亚洲日韩精品国产一区二区三区| 中文字幕AV无码一区二区三区|