小tips HTML元素屬性分類以及不常用屬性介紹

2022-06-16 22:21:11 字數 2375 閱讀 7810

屬性可以分為兩類:全域性屬性和區域性屬性。 其中全部元素都能使用的通用屬性稱為全域性屬性。只能運用在某些特定元素的屬性,稱為區域性屬性,例如form的action屬性、textarea的rows屬性等。

全域性屬性可簡單分為5種,如下:

下面對不常用的屬性簡單介紹下

1.accesskey(帶有指定快捷鍵的超連結)

accesskey 屬性規定啟用(使元素獲得焦點)元素的快捷鍵。

accesskey幾乎所有瀏覽器均 accesskey 屬性,除了 opera。

<

a href

=""accesskey

="h"

>html 教程

a>

注釋:請使用alt + accesskey (或者 shift + alt + accesskey) 來訪問帶有指定快捷鍵的元素。

詳細可參考《html accesskey 屬性》

2.dir屬性(規定元素內容的文字方向)

語法:

<

element

dir="ltr|rtl"

>

詳細可以參考《html dir 屬性》

3.tabindex 屬性

規定元素的 tab 鍵控制次序(當 tab 鍵用於導航時)

語法:

<

element

tabindex

="number"

>

<

a href

=""tabindex

="2"

>w3school

a>

<

a href

=""tabindex

="1"

>google

a>

<

a href

=""tabindex

="3"

>microsoft

a>

幾乎所有瀏覽器均 tabindex 屬性,除了 safari

詳細可參考《html tabindex 屬性》

4.dropzone 屬性

規定在元素上拖動資料時,是否拷貝、移動或鏈結被拖動資料

語法:

<

element

dropzone

="copy|move|link"

>

目前所有主流瀏覽器都不支援 dropzone 屬性。

5.spellcheck 屬性

規定是否對元素進行拼寫和語法檢查

可以對以下內容進行拼寫檢查:

語法:

<

element

spellcheck

="true|false"

>

詳細可參考:《html spellcheck 屬性》

有一些屬性比較特殊,既可以設定值,也可以不用設定,這種屬性叫作布林屬性,常見的用checked,defer,disabled,readonly和selected等。例如在單選框中,有3種方式表示選中狀態,如下**:

<

input

type

="radio"

checked

/>

<

input

type

="radio"

checked

="checked"

/>

<

input

type

="radio"

checked

=""/>

當未設值時,只需將屬性名寫在開始標籤中;當設定了值時,這個值不能是true或者false,只能是"checked"或空值。如果要取消選中,那麼只能將這個屬性從開始標籤中移除,而不能設定為false或空值。

shadow dom是瀏覽器的一種功能,能夠自動新增子元素,例如audio元素(如下**所示)在網頁中能使用進度條、音量控制等功能,這些相關元素都是由瀏覽器自動生成。

<

audio

controls src

="a.mp4"

>

audio

>

兩者的功能不同。href能夠建立一條通道,將當前文件和定義的資源連線起來。src是將定義的資源嵌入到當前文件中。

title是全域性屬性,提供額外的提示資訊,當滑鼠滑動到該元素時,顯示定義的提示。link和style元素中的title比較特殊,表示樣式表的名稱;alt是區域性屬性,僅可用在img、input等元素中,提供在未載入或載入失敗時的替代文字。注意,只用當input元素的type屬性為image時,才能使用alt屬性。

CSS元素分類

在css中,html中的標籤元素大體被分為三種不同的型別 塊狀元素 內聯元素 又叫行內元素 和內聯塊狀元素。常用的塊狀元素有 div p h1.h6 ol ul dl table address blockquote form 常用的內聯元素有 a span br i em strong label...

HTML元素分類

面試的時候被問了乙個問題,塊級元素和內聯元素的區別。我想這不是很簡單嗎,就說塊級元素是佔據一整行而內聯元素是乙個乙個緊挨著 用通俗的語言說的,感覺不太專業 然後面試官又問我內聯元素可以使用padding和margin嗎,我就懵了。頓時覺得自己學的東西很不紮實,深入一點的都不是很了解。就表現形式來看 ...

CSS元素分類

塊級元素 特點每個塊級元素都從新的一行開始,並且其後的元素也是另起一行 元素的寬 高 行高以及頂和底邊距都可以設定 巢狀 包含 下,子塊元素寬度 沒有定義情況下 和父塊元素寬度預設一致 設定display block可將元素顯示為塊級元素,從而使元素有塊級元素的特點 典型代表 div h1 h6 p...