在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，每個(gè)HTML標(biāo)簽還包含很多屬性，但是大部分屬性都是公共的。公共屬性大致可分為基本屬性、語(yǔ)言屬性、鍵盤(pán)屬性、內(nèi)容屬性和延伸屬性等類(lèi)型。
基本屬性主要包括下面3個(gè)，這3個(gè)基本屬性為大部分元素所擁有。
?class：定義類(lèi)規(guī)則或樣式規(guī)則。
?id：定義元素的唯一標(biāo)識(shí)。
?style：定義元素的樣式聲明。
語(yǔ)言屬性主要用來(lái)在網(wǎng)站建設(shè)時(shí)定義元素的語(yǔ)言類(lèi)型，包括兩個(gè)屬性。
?lang：定義元素的語(yǔ)言代碼或編碼。
?dir：定義文本的方向，包括ltr和rtl取值，分別表示從左向右和從右向左。
【示例1】分別為網(wǎng)頁(yè)代碼定義了中文簡(jiǎn)體的語(yǔ)言，字符對(duì)齊方式為從左到右的方式。第二行代碼為body定義了美式英語(yǔ)。
<html xmlns="http://www.w1.org/1999/xhtml"
dir="ltr" xml:lang="zh-CN">
<body id="myid">
鍵盤(pán)屬性定義元素的鍵盤(pán)訪問(wèn)方法，包括兩個(gè)屬性。
?accesskey：定義訪問(wèn)某元素的鍵盤(pán)快捷鍵。
?tabindex：定義元素的Tab鍵索引編號(hào)。
accesskey屬性可以使用快捷鍵（Alt+字母）訪問(wèn)指定URL，但是瀏覽器不能很好地支持，在IE中僅激活超鏈接，需要配合Enter鍵確定，而在Firefox中沒(méi)有反應(yīng)。
【示例2】在導(dǎo)航菜單中經(jīng)常設(shè)置快捷鍵。
<a href="http://www.mysite.cn/" accesskey="a">按住Alt鍵，按A鍵可以鏈接到mysite首頁(yè)</a>tabindex屬性用來(lái)定義元素的Tab鍵訪問(wèn)順序，可以使用Tab鍵遍歷頁(yè)面中的所有鏈接和表單元素。遍歷時(shí)會(huì)按照tabindex的大小決定順序，當(dāng)遍歷到某個(gè)鏈接時(shí)，按Enter鍵即可打開(kāi)鏈接頁(yè)面。例如：
<a href="#" tabindex="1">Tab 1</a>
<a href="#" tabindex="3">Tab 3</a>
<a href="#" tabindex="2">Tab 2</a>
內(nèi)容屬性定義元素包含網(wǎng)站建設(shè)中內(nèi)容的附加信息，這些信息對(duì)于元素來(lái)說(shuō)具有重要的補(bǔ)充作用，避免元素本身包含信息不全而被誤解。內(nèi)容語(yǔ)義包括5個(gè)屬性。
?alt：定義元素的替換文本。
?title：定義元素的提示文本。
?longdesc：定義元素包含內(nèi)容的大段描述信息。
?cite：定義元素包含內(nèi)容的引用信息。
?datetime：定義元素包含內(nèi)容的日期和時(shí)間。alt和title是兩個(gè)常用的屬性，分別定義元素的替換文本和提示文本。
<a href="URL" title="提示文本">超鏈接</a><img src="URL" alt="替換文本" title="提示文本" />替換文本（Alternate Text）并不是用來(lái)做提示的（Tool Tip），或者更加確切地說(shuō)，它并不是為圖像提供額外說(shuō)明信息的。相反，title屬性才負(fù)責(zé)為元素提供額外說(shuō)明信息。當(dāng)圖像無(wú)法顯示時(shí)，必須準(zhǔn)備替換的文本來(lái)替換無(wú)法顯示的圖像，這對(duì)于圖像和圖像熱點(diǎn)是必需的，因此alt屬性只能用在img、area和input元素中（包括applet元素）。
【示例3】下面示例使用<input>標(biāo)簽定義一個(gè)圖像按鈕，但沒(méi)有設(shè)置src屬性值，則會(huì)顯示“替換文本”的文字按鈕效果。<input type="image" src="URL" alt="替換文本" />.title屬性為元素提供提示性的參考信息，這些信息是一些額外的說(shuō)明，具有非本質(zhì)性，因此該屬性也不是一個(gè)必須設(shè)置的屬性。當(dāng)鼠標(biāo)指針移到元素上面時(shí)，即可看到這些提示信息。如果要為元素定義更長(zhǎng)的描述信息，則應(yīng)該使用longdesc屬性。longdesc屬性可以用來(lái)提供鏈接到一個(gè)包含圖片描述信息的單獨(dú)頁(yè)面或者長(zhǎng)段描述信息。其用法如下。
<img src="URL" alt="人物照" title="張三于2015-5-1上海留念" longdesc="這是張三于2015年5月1日在上海留影，當(dāng)時(shí)天很熱，場(chǎng)面熱鬧非凡" />或者<img src="UTL" alt="替換文本" longdesc="詳細(xì)描述圖像的網(wǎng)頁(yè).html" />cite一般用來(lái)定義引用信息的URL。例如，下面一段文字引自http://www.mysite.cn/csslay-out/index.htm，所以可以這樣來(lái)設(shè)置。
<blockquote cite="http://www.mysite.cn/csslayout/index.htm">
<p>CSS的精髓是布局，而不是樣式，布局需要縝密的結(jié)構(gòu)分析和設(shè)計(jì)</p>
</blockquote>
datetime屬性定義包含文本的時(shí)間，這個(gè)時(shí)間表示信息的發(fā)布時(shí)間，也可能是更新時(shí)間，例如：
<ins datetime="2015-5-1 8:0:0">2015年上海</ins>