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
TML5 新屬性。
屬性 | 描述 |
---|---|
accesskey | 設置訪問元素的鍵盤快捷鍵。 |
class | 規定元素的類名(classname) |
contenteditableNew | 規定是否可編輯元素的內容。 |
contextmenuNew | 指定一個元素的上下文菜單。當用戶右擊該元素,出現上下文菜單 |
data-*New | 用于存儲頁面的自定義數據 |
dir | 設置元素中內容的文本方向。 |
draggableNew | 指定某個元素是否可以拖動 |
dropzoneNew | 指定是否將數據復制,移動,或鏈接,或刪除 |
hiddenNew | hidden 屬性規定對元素進行隱藏。 |
id | 規定元素的唯一 id |
lang | 設置元素中內容的語言代碼。 |
spellcheckNew | 檢測元素是否拼寫錯誤 |
style | 規定元素的行內樣式(inline style) |
tabindex | 設置元素的 Tab 鍵控制次序。 |
title | 規定元素的額外信息(可在工具提示中顯示) |
translateNew | 指定是否一個元素的值在頁面載入時是否需要翻譯 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
部屬性和全局屬性
局部屬性:有些元素能規定自己的屬性,這種屬性稱為局部屬性。 比如 link 元素,它具有的局部屬性有 href、 rel、 hreflang、 media、 type、 sizes 這六個。 全局屬性:可以用來配置所有元素共有的行為,這種屬性稱為全局屬性,可以用在任何一個元素身上。
1、accesskey 屬性
使用 accesskey 屬性可以設定一個或幾個用來選擇頁面上的元素的快捷鍵。
<!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>
在上面的例子中,三個 input 元素添加了 accesskey 屬性,這樣在 Mac 下就可以用 Control+Alt(Option)+ n
快捷鍵訪問到 Name 的輸入框了。用來觸發 accesskey 機制的按鍵組合因平臺而異,具體如下:
瀏覽器 / 平臺 | 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 |
關于 accesskey 這個全局屬性的詳解,可以看一下 HTML accesskey 屬性與 web 自定義鍵盤快捷訪問
2、class 屬性
class 屬性用來將元素歸類,這個就無需多言了。
3、contenteditable 屬性
contenteditable 是 HTML5 中新增加的屬性,,其用途是讓用戶能夠修改頁面上的內容。
<body> <!-- contenteditable屬性應用 --> <p contenteditable="true">設置為 true 是可編輯的</p></body>
如上例,p 元素的 contenteditable 屬性值設置為 true 時,用戶可以單擊文字編輯內容。設置為 false 時禁止編輯。
4、dir 屬性
dir 屬性用來規定元素中文字的方向。有效值有兩個:ltr(從左到右)、rtl(從右到左)。
<!-- dir屬性應用 --><p dir="ltr">從左到右</p><p dir="rtl">從右到左</p>
5、draggable 屬性
draggable 屬性是 HTML5 支持拖放操作的方式之一,用來表示元素是否可被拖放。
6、dropzone 屬性
dropzone 屬性是 HTML5 支持拖放操作的方式之一,與 draggable 屬性搭配使用。
7、id 屬性
id 屬性用來給元素分配一個唯一的標識符。這個也無需多言。需要說明的一點是,id 屬性還可以用來導航到文檔中的特定位置。
8、hidden 屬性
hidden 是個布爾屬性,表示相關元素當前不需要關注,瀏覽器對它的處理方式是隱藏相關元素(隱隱想起來控制一個元素的展示隱藏的時候,會自定義一個 hidden 類,然后在里面寫隱藏樣式),具體也可以看一下這篇介紹 HTML5 的 hidden 屬性
<!-- hidden屬性應用 --> <div hidden>這個元素將會被隱藏</div>
9、lang 屬性
lang 屬性用于說明元素內容使用的語言。lang 屬性必須使用有效的 ISO 語音代碼,使用這個屬性的目的在于,讓瀏覽器調整其表達元素內容的方式,比如在使用了文字朗讀器的情況下正確發音。
<!-- lang屬性應用 --> <p lang="en">Hello - how are you?</p>
10、spellcheck 屬性
spellcheck 屬性用來表明瀏覽器是否應該對元素的內容進行拼寫檢查,這個屬性只有用在用戶可以編輯的元素上時才有意義。 spellcheck 屬性可以接受的值有兩個:true 和 false。至于拼寫檢查的實現方式則因瀏覽器而異。
<!-- spellcheck屬性應用 --> <textarea >This is some lalalala text</textarea>
11、style 屬性
style 屬性用來直接在元素身上定義 CSS 樣式,這個也不做過多描述了。
12、tabindex 屬性
HTML 頁面的鍵盤焦點可以通過按 Tab 鍵在各元素之間切換。用 tabindex 屬性可以改變默認的轉移順序。
<!-- tabindex屬性應用 --> <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>
上面的代碼實現效果是:在按 Tab 鍵的過程中,tabindex 為 1 的 Country 輸入框第一個被選中,接著焦點會跳到 Name 輸入框,最后是 submit 提交。tabindex 設置為 - 1 的元素不會在用戶按下 Tab 鍵后被選中。
13、title 屬性
title 屬性提供了元素的額外信息,瀏覽器通常用這些東西顯示工具條提示,這個在一些展示不全的文本標題也經常使用。
<!-- title屬性應用 --><a title="我的個人網站">qiqihaobenben.github.io</a>
Spring Boot的全局配置文件:
存放路徑:src/main/resource目錄或類路徑的/config
寫法
# 普通屬性值的配置
# 設置端口號
server.port=8081
# 修改默認的虛擬路徑
server.servlet.context-path=/chapter02
# 給實體類里面的屬性賦值
# 對象類型的聲明
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。
更多配置屬性,詳見官網https://docs.spring.io/spring-boot/docs/current/reference/html/common-application-properties.html
1 概念
YAML文件格式是Spring Boot支持的一種JSON超集文件格式。
相較于傳統的Properties配置文件,YAML文件以數據為核心,是一種更為直觀且容易被電腦識別的數據序列化格式。
application.yaml文件的工作原理和application.properties一樣。
當application.yaml和application.properties同時存在在一個文件夾中時,只有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生效。兩個配置文件中都有相同的配置時,前面的配置會被后面的配置所覆蓋。比如,兩個配置文件都配置了port,那么,只有只有application.properties生效;只有application.yaml配置了port,而只有application.properties生效沒有配置port的話,只有application.yaml中的port會生效。
2 寫法
*請認真填寫需求信息,我們會在24小時內與您取得聯系。