1. 程式人生 > >HTML常見全域性屬性

HTML常見全域性屬性

HTML屬性賦予元素意義和語境,所謂全域性屬性是指任何元素都可以使用的屬性。

以下是常用的全域性屬性:

1、accesskey屬性

accesskey屬性規定啟用元素快捷鍵。accesskey="accesskey",使用ALT+accesskey(shinft+alt+accesskey)來訪問帶有指定快捷鍵的元素。
<a href="http://www.baidu.com" accesskey="h">百度</a><br>
<a herf="https://www.sogou.com" accesskey="c">搜狗</a>

按住快捷鍵alt+h可以開啟百度網頁,同樣,按住快捷鍵alt+c可以開啟搜狗網頁。

2、id、class屬性分別是為元素命名唯一id和類名。

3、tabindex屬性

tabindex屬性規定tab鍵控制次序(tab鍵用於導航時),當按tab鍵時,元素聚焦的次序。tabindex="number","number"代表聚焦的次序。

<a href="http://www.baidu.com" tabindex="2">百度</a><br>

<a href="https://www.sogou.com" tabindex="1">搜狗</a><br>

<a href="http://www.sina.com.cn" tabindex="3">新浪</a><br>

當按一次tab鍵時,聚焦於"搜狗"上,


當按第二次tab時,聚焦於"百度"上,


同理,當按第三次tab鍵時,聚焦於"新浪"上,


4、hidden屬性

hidden屬性規定元素為隱藏,表示該元素不相關,為布林值。

5、contenteditable屬性

contenteditable屬性規定元素內容是否可編輯的,"true"表示可編輯,"false"表示不能編輯。

<p contenteditable="true">這段文字可被編輯</p>
<p contenteditable="false">這段文字不能被編輯</p>

當滑鼠點選第一段文字時,有顯示該段文字可編輯的提示,如圖:


當滑鼠點出第二段文字時,沒有顯示可編輯的提示,如圖:


6、其它的全域性屬性,如:style、title、lang、spellcheck、translate、dir、draggable、dropzone等

相關推薦

HTML常見全域性屬性

HTML屬性賦予元素意義和語境,所謂全域性屬性是指任何元素都可以使用的屬性。 以下是常用的全域性屬性: 1、accesskey屬性 accesskey屬性規定啟用元素的快捷鍵。accesskey

html全域性屬性

全域性屬性:可以對任何元素都使用的屬性。contentEditable(允許元素進行編輯,Boolean,具有繼承性)<h2>可編輯列表</h2> <ul cont

jquery 操作HTML data全域性屬性快取的坑

data-* 全域性屬性 是一類被稱為自定義資料屬性的屬性,它賦予我們在所有 HTML 元素上嵌入自定義資料屬性的能力,並可以通過指令碼(一般指JavaScript) 與 HTML 之間進行專有資料的交換。 簡單的說就是html元素可以通過data-*屬性存一些資料,類似於一個map,如果我們想在html的

如何普通的div標籤可以編輯------HTML 5 全域性 contenteditable 屬性

 一般的只有input和textarea才能夠輸入文字,那麼對於div,p標籤來說,如何能夠輸入文字呢,html5提供了一個contenteditable 屬性 <p contenteditable="true">這是一段可編輯的段落。請試著編輯該文字。</p>

HTML5之全域性屬性 (宣告:內容節選自《HTML 5從入門到精通》)

contentEditable ———————————————————————————————————————————————————————— 功能:允許使用者編輯元素中的內容。 功能說明:       該元素必須是可以獲得滑鼠焦點的元素,而且在點選

巧用html的hidden全域性屬性傳遞表單隱藏引數

最近在自學PHP的時候涉及到一處表單傳遞引數的問題。 需要傳遞的引數為?m=&n=&t=,其中m為確定的一個int值,但是表單設計需要輸入的只有n和t,這樣點選表格的提交按鈕只有n和t

HTML全域性屬性data-

<!-- data-*屬性是用用來嵌入自定義的資料 --> <!DOCTYPE html> <html> <head>     <meta charset="utf-8">    <script type="

HTML 全域性屬性及其他

實體 元資料 全域性屬性 一、實體 HTML實體就是將有特殊意義的字元通過實體程式碼顯示出來。 顯示結果 描述 實體名稱 實體編號

html —— 檢視元素屬性 與 js 全域性屬性

算是一個意外的收穫,所以記錄下。 檢視元素的全部屬性與事件: 使用 console.log() 列印元素,檢視完整屬性與事件。 檢視js 全域性屬性與事件: chrome 瀏覽器開啟console

HTML的事件屬性

常見 按鍵 script 調整 能夠 can javascrip 記錄 com 全局事件屬性 HTML 4 增加了使事件在瀏覽器中觸發動作的能力,比如當用戶點擊元素時啟動 JavaScript。當在HTML5中有了更多新屬性,但是對HTML4的兼容性卻沒有達到全部。 下面列

HTML 全局屬性

rop itl hid ref and 全局 global _id data HTML 屬性賦予元素意義和語境。 HTML 全局屬性 屬性描述 accesskey 規定激活元素的快捷鍵。 class 規定元素的一個或多個類名(引用樣式表中的類)。 conten

html常見兼容性問題?

pos alpha import 容器 sel 下使用 display 常見 spl 1.雙邊距BUG float引起的 使用display 2.3像素問題 使用float引起的 使用dislpay:inline -3px 3.超鏈接hover 點擊後失效 使用正確

0908期 HTML 樣式表屬性

nav src radius ide 百分數 背景 box repeat bottom 1、背景與前景    /*背景色,樣式表優先級高*/ background-image:url(路徑); /*設置背景圖片(默認)*/ background-a

HTML常見標簽

標簽 解釋 brush 基本 htm 不同 容器 內容 第一個 HTML(HpperText Makeup Languege):超文本標記語言。該語言書寫的代碼通常會被瀏覽器解析執行。 CSS(Cascading Style Sheets):層疊樣式表。用於定義HTML文檔

Html元素與屬性

附加 要求 語法 大小 雙引號 單引號 markdown tro 擁有 HTML 元素 開始標簽 * 元素內容 結束標簽 * <p> 這是一個段落 </p> <a href="default.htm">

愛創課堂每日一題九十二天- html常見兼容性問題?

microsoft lte hid 像素 sel 性問題 oom select site 1.雙邊距BUG float引起的 使用display2.3像素問題 使用float引起的 使用dislpay:inline -3px 3.超鏈接hover 點擊後失效 使用正確

2、HTML 元素&屬性

con 附加 擁有 關閉 常用 屬性 工具條 lin john HTML 元素簡述: 1、HTML 元素以開始標簽起始 2、HTML 元素以結束標簽終止(極少元素沒有結束標簽) 3、元素的內容是開始標簽與結束標簽之間的內容 4、某些 HTML 元素具有空內容(empty c

【2018-01-28】HTML-常用樣式屬性

背景色 mar 範圍 text nbsp vertica 邊界 bold visible 樣式:   大小:     width 寬度     height:高度   背景:     background-color 背景色     background-image 背景圖

HTML 表單屬性

傳遞 提供服務 服務 密碼 下拉 jsp 音頻 .html clas 表單屬性: <form></form>表單元素 1、name  表單命名 2、action  可以定義一個鏈接,提交數據後的處理頁面 3、method="post | get"

HTML元素、屬性、格式化方式

技術 pre 小號 信息 文本 粗體 small charset 常用 一. HTML元素 <html> 定義整個HTML文檔 <body> 定義文檔主體 <p> 定義文檔中一個段落