HTML元素的屬性

2022-04-01 20:54:47 字數 1317 閱讀 2606

html元素的屬性多以name="value」的形式出現;

常用的屬性或者是大多數元素適用的屬性有:id,class,style,tiltle;

id:給予元素唯一值,id值不可重複,

class:類值,一般是元素都具有共有樣式時適用

style:給元素賦予內斂樣式時適用,

title:規定元素的額外資訊;

使用方式如下

<

div

id="content"

class

="content-syle"

title

="我是乙個div"

style

="width:50px;height:89px;border:1px solid red"

>

div>

html5新增的屬性有:contenteditable、contextmenu、data-*、draggable、dropzone、hidden、spellcheck、translate

contenteditable:規定元素是否可被編輯 ,值為true/false

contextmen:規定元素的上下文選單。上下文選單在使用者點選元素時顯示

data-*:規定元素的私有資料,-*一般是指,例如data-user-list、data-stu-style;是自定義的value值

draggable:元素是否可以拖動

dropzone:元素在拖動的時候被拖動資料時是否進行複製、移動或鏈結。(值未copy,move、link),目前所有的主流瀏覽器均不支援

hidden:元素是否隱藏 true/false true時隱藏

spellcheck:元素的拼寫和語法檢查

translate:規定是否翻譯元素中的內容 值未yes/no,目前的主流瀏覽器均無法正確的支援

<

div

contenteditable

="true"

spellcheck

="true" id="testid"

data-people-type

="children"

draggable

="true" lang="chinese" hidden="hidden"

>

div>

注:獲取元素的屬性的js方式為:document.getelementid('testid').getattribute('data-people-type')

設定屬性:document.getelementid('testid').setattribute('class','test')

HTML元素的屬性

html元素的屬性,每個元素都有多個屬性值 段落標記 字型大小標記size取值1 7 標題字型大小 1,2,3,4,5,6 字型加粗 是換行,是段落 換行後不會空行,而換行後會空一行。1 html 2 head title 第乙個網頁 title head 3 body 4 b 第一行文字 b 5 ...

html 元素和屬性

html文件是由html元素組成的 開始標籤 元素內容 結束標籤 這是乙個段落 這是乙個鏈結 元素的巢狀 準確的說,html文件是由巢狀的元素組成的 空元素元素內容為空的元素為空元素,一般空元素是在開始標籤內結束,但有些空元素沒有結束標籤,如 是換行標籤,推薦使用 也是可以的,但是標準推薦對於空元素...

HTML元素 核心屬性

塊級元素 block elements 獨佔一行空間,用來布局段落,不要將塊級元素巢狀在行內元素中。可以指定寬高。塊級元素有 div h1 h6 p ol ul dl form table 行內元素 inline elements 與其他元素共享一行空間,一般被巢狀在塊級元素中,通常作為段落的一部分...