HTML5新增全局屬性

2022-08-03 09:58:06

所謂全局屬性就是指可以對任何元素都使用的屬性。

1、contentEditable屬性：允許使用者線上編輯元素中的内容。

<!DOCTYPE html>
<title>Hello World</title>
<h2>可編輯清單</h2>
<ul contentEditable="true">
        <li>清單項1
        <li>清單項2
        <li>清單項3

可惜的是，暫時還沒有特别的API來儲存修改後的内容。但是我們可以用它來快速修改，然後在檢視源碼時，把它複制出來。

2、hidden屬性：通知浏覽器不渲染這個元素，使其處于不可見狀态。類似于input的hidden屬性。

<!DOCTYPE html>
<title>Hello World</title>
<h2 hidden="hidden">可編輯清單</h2>

3、spellcheck屬性：針對input元素（type=text）與textarea元素這兩個文本輸入框提供的屬性，用于對文本内容的拼寫和文法的檢查。

<!DOCTYPE html>
<title>Hello World</title>
<input type="text" spellcheck="true">
<br/>
<textarea spellcheck="true">