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),或鏈接,或刪除 |
hiddenNew | hidden 屬性規(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) | Window | Linux | Mac |
---|---|---|---|
Firefox | Alt + Shift + key | Alt + Shift + key | Control + Alt + key |
Internet Explorer | Alt + key | N/A | N/A |
Google Chrome | Alt + key | Alt + key | Control + Alt + key |
Safari | Alt + key | N/A | Control + 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的全局配置文件:
存放路徑:src/main/resource目錄或類路徑的/config
寫法
# 普通屬性值的配置
# 設(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
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 寫法
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。