菜鸟学前端之遍寻名师之混乱的笔记
寫在前面：本系列文章僅用于作者記筆記方便回顧，其中絕大部分內(nèi)容來自w3cschool，想要學(xué)習(xí)的可以直接去。
在學(xué)習(xí)標(biāo)簽之前，將那幾個標(biāo)準(zhǔn)屬性（全局屬性）談一下，要不然對標(biāo)簽功能理解會有障礙。
accesskey :激活元素的快捷鍵，通俗講就是定義一個快捷鍵
? ?以下元素支持 accesskey 屬性：<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。
?<a href="www.csdn.net" accesskey="c">CSDN</a> ??
class：規(guī)定一個類名classname，一般是為了CSS和JS進行操作
一個元素可以取多個classname，方便CSS進行多模式操作，也就是對其增加更多格式，只需在名字們中間加空格
<html> <head> <style type="text/css"> h1.intro {color:blue;} .important {color:red;} .cc{text-align:center;} </style> </head><body> <h1 class="intro">Header 1</h1> <p>A paragraph.</p> <p class="important cc">請注意這個重要的段落。:)</p> </body> </html>現(xiàn)在只需要知道<style></style>內(nèi)是定義格式的即可，我們對段落p通過兩個classname分別定義了字體顏色和居中，而對于h1，只進行了字體顏色
結(jié)果：
Header 1
A paragraph.
請注意這個重要的段落。:)
contenteditable ：可編輯的。content edi table
<p contenteditable="true">這是一個可編輯的段落</p>dir :規(guī)定元素內(nèi)容的文本方向 <p dir="ltr">從左往右的文本，反之為rtl</p>
draggable:是否可拖動的，鏈接和圖像默認(rèn)可拖動true，auto則是瀏覽器默認(rèn)。 dropzone:?<element dropzone="copy|move|link"> ?copy:拖動產(chǎn)生副本，move：數(shù)據(jù)會移動到被拖動的地方，link：產(chǎn)生原有數(shù)據(jù)的鏈接
hidden：<p hidden>這個段落應(yīng)該被隱藏。</p>
id:id是唯一的，不像classname，但是功能差不多
lang:指明語言
spellcheck：
spellcheck 屬性規(guī)定是否對元素進行拼寫和語法檢查。很明顯是一種手段。
可以對以下內(nèi)容進行拼寫檢查：
- input 元素中的文本值（非密碼）
- <textarea> 元素中的文本
- 可編輯元素中的文本
<p contenteditable="true" spellcheck="true">這是一個段落。</p>
style:
style 屬性規(guī)定元素的行內(nèi)樣式（inline style）
style 屬性將覆蓋任何全局的樣式設(shè)定，例如在 <style> 標(biāo)簽或在外部樣式表中規(guī)定的樣式。
tabindex :當(dāng)Tab用于導(dǎo)航時，可規(guī)定Tab的次序
title：title 屬性規(guī)定關(guān)于元素的額外信息。
這些信息通常會在鼠標(biāo)移到元素上時顯示一段工具提示文本（tooltip text）。
title 屬性常與 form 以及 a 元素一同使用，以提供關(guān)于輸入格式和鏈接目標(biāo)的信息。同時它也是 abbr 和 acronym 元素的必需屬性。
就是鼠標(biāo)放在上面會有更多信息
感覺好亂的樣子，不過就先這樣，開始學(xué)習(xí)標(biāo)簽
總結(jié)
以上是生活随笔為你收集整理的菜鸟学前端之遍寻名师之混乱的笔记的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 菜鸟学前端之初入江湖
- 下一篇： 菜鸟学前端之遍寻名师