標籤的全域性屬性和字元編碼

2021-09-26 07:45:44 字數 3617 閱讀 1294

阮一峰老師的 html 教程
屬性的一些特性:

屬性名和標籤名一樣,不區分大小寫。

屬性名和屬性值,通過 等號 (=) 連線。

屬性值可以放在單雙引號之中,甚至有些屬性值可以不使用引號,單強烈建議統一使用雙引號。

有些屬性屬於布林屬性,即屬性值就是乙個布林值。

在 html 中的屬性(attribute)可以定製元素的行為,有一些屬性是所有的標籤都支援的,於是也稱為全域性屬性。下面記錄一些最常用的全域性屬性。

id屬性表示網頁中唯一識別符號,通常每個元素的id唯一, 但是想多個元素寫id也不是不行,但強烈不建議。id元素具有定位錨點的作用,在 url 中 以#p1形式新增在最後,頁面會自動定位到該元素在網頁內部的位置。

"p1"

>

p>

"p2"

>

p>

"p3"

>

p>

"p4"

>

p>

"p5"

>

p>

"p4"

>

p>

class屬性表示對網頁元素進行分類,class的屬性值相同,那麼它們屬於同一類。

class

="para"

>

p>

>

p>

class

="para"

>

p>

class

="xx yy zz"

>

p>

title屬性為元素新增附加說明,當滑鼠懸浮到元素上面,title屬性值可作為浮動提示。

title

="版權說明"

>

>

本站內容使用創意共享許可證,可以自由使用。p

>

div>

瀏覽器允許使用 tab 鍵遍歷網頁,tabindex

屬性的作用是給定元素遍歷的順序。

它的屬性值分為三類:

accesskey屬性指定網頁獲得焦點的快捷鍵,屬性值是單個可列印的字元,但需要配合功能鍵才能生效。比如 chrome 瀏覽器,在 windows 和 linux 系統的快捷鍵是alt + 字元鍵,在ctrl + alt + 字元鍵

如果和作業系統或者瀏覽器級別的快捷鍵有衝突,則不生效,該屬性用的比較少。

accesskey

="s"

>

提交button

>

class屬性表示對網頁元素進行分類,class的屬性值相同,那麼它們屬於同一類。

class

="para"

>

p>

>

p>

class

="para"

>

p>

class

="xx yy zz"

>

p>

hidden屬性是乙個布林屬性,表示當前元素不再跟頁面相關,瀏覽器不會渲染這個元素。

設定hidden屬性,其實是設定了display: none,因此可以使用 css 進行覆蓋。

hidden

>

本局不會出現在頁面上p

網頁的內容預設是使用者不能編輯的,contenteditable屬性允許使用者修改內容。

它有兩種屬性值:

注意這個屬性屬於列舉屬性,而不是布林屬性,最好帶上屬性值。

瀏覽器必須指定文字的編碼方式,才能夠正確的把文字還原處理,目前網頁中廣泛使用的是utf-8編碼。

一般情況,伺服器向瀏覽器傳送 html 檔案時,通過 http 頭資訊,申明網頁的編碼方法。

content-type: text/html; charset=utf-8
網頁的內部會使用meta標籤,宣告網頁的編碼。

charset

="utf-8"

/>

utf-8 是 unicode 字符集的一種表達方式, unicode 字符集的目標是包含世界上的所有字元。

unicode 在 html 中的四個問題:

有些字元沒有列印形式。

小於號(<)和 大於號(>)用於定義 html 標籤,不能直接使用。

unicode 字元太多,沒有一種鍵盤可以輸入所有字元。

網頁不允許混用多種編碼。

html 為了解決這些問題,允許使用 unicode 碼點來表示字元,由瀏覽器自動將碼點轉化成對應的字元。碼點的表示可以由十進位制(不常用)或者十六進製制(常用)來表示。

>

hellop

>

>he

llop

>

>he

llop

>

同時,因為直接使用碼點(也即數字表示法)過於麻煩,難以記憶,所以為了能夠快速輸入,html 專門為一些特殊字元,規定了一些容易記憶的名字,稱為實體表示法(entity),全部的字元實體。

比較常用的一些字元實體:

字元實體

字元實體

<<>>

""''

&&

##@@

^^空格

小程式全域性屬性和方法

全域性屬性方法 enablepulldownrefresh 型別 boolean 描述 是否開啟全域性的下拉重新整理 onpulldownrefresh 型別 function 描述 監聽使用者下拉重新整理事件。說明 監聽使用者下拉重新整理事件。選項中或頁面配置中開啟enablepulldownre...

HTML 元素的全域性屬性

h5 html5 中新增的屬性。屬性描述 accesskey 規定啟用元素的快捷鍵。class 規定元素的乙個或多個類名 引用樣式表中的類 contenteditable h5 規定元素內容是否可編輯。contextmenu h5 規定元素的上下文選單。上下文選單在使用者點選元素時顯示。data h...

html中的元資料和全域性屬性

元素可以定義文件中的各種元資料,乙個html頁面可以包含多個元素 1.指定名 值元資料時 author為當前頁面的作者,content為內容 description為當前頁面的描述 keywords為當前頁面的關鍵字 generator為當前頁面的編碼工具 2.宣告字元編碼 3.模擬http標頭字段...