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 與其他元素共享一行空間,一般被巢狀在塊級元素中,通常作為段落的一部分...