<em><strong>語義化。</strong></em>我們學(xué)習(xí)網(wǎng)頁制作時，常常會聽到一個詞病游，語義化。那么什么叫做語義化呢稠通，說的通俗點(diǎn)就是：明白每個標(biāo)簽的用途（在什么情況下使用此標(biāo)簽合理）比如衬衬，網(wǎng)頁上的文章的標(biāo)題就可以用標(biāo)題標(biāo)簽，網(wǎng)頁上的各個欄目的欄目名稱也可以使用標(biāo)題標(biāo)簽采记。文章中內(nèi)容的段落就得放在段落標(biāo)簽中佣耐，在文章中有想強(qiáng)調(diào)的文本，就可以使用 em 標(biāo)簽表示強(qiáng)調(diào)等等唧龄。
講了這么多語義化，但是語義化可以給我們帶來什么樣的好處呢奸远？
- 更容易被搜索引擎收錄既棺。
- 更容易讓屏幕閱讀器讀出網(wǎng)頁內(nèi)容。
比如：
<q> </q>引用短文本
<blockquote> </blockquote>引用長文本
注意這里用<q> <blockquote>標(biāo)簽的真正關(guān)鍵點(diǎn)不是它的默認(rèn)樣式雙引號（如果這樣我們不如自己在鍵盤上輸入雙引號就行了）懒叛，而是它的語義：引用別人的話丸冕。
<span>文本</span>
<span>標(biāo)簽是沒有語義的，它的作用就是為了設(shè)置單獨(dú)的樣式用的薛窥。
如果現(xiàn)在我們想把上一小節(jié)的第一段話“美國夢”三個字設(shè)置成blue（藍(lán)色）胖烛，但注意不是為了強(qiáng)調(diào)“美國夢”，而只是想為它設(shè)置和其它文字不同的樣式（并不想讓屏幕閱讀器對“美國夢”這三個字加重音讀出）诅迷，所以這樣情況下就可以用到<span>標(biāo)簽了佩番。
<em><strong>繼承性。</strong></em>CSS的某些樣式是具有繼承性的罢杉，那么什么是繼承呢趟畏？繼承是一種規(guī)則，它允許樣式不僅應(yīng)用于某個特定html標(biāo)簽元素滩租，而且應(yīng)用于其后代赋秀。比如下面代碼：如某種顏色應(yīng)用于p標(biāo)簽利朵，這個顏色設(shè)置不僅應(yīng)用p標(biāo)簽，還應(yīng)用于p標(biāo)簽中的所有子元素文本猎莲，這里子元素為span標(biāo)簽绍弟。
<pre>p{color:red;}
<p>三年級時，我還是一個<span>膽小如鼠</span>的小女孩著洼。</p>
</pre>
可見p中的文本與span中的文本都設(shè)置為了紅色樟遣。但注意有一些css樣式是不具有繼承性的。如border:1px solid red;
<pre>
p{border:1px solid red;}
<p>三年級時郭脂，我還是一個<span>膽小如鼠</span>的小女孩年碘。</p></pre>
在上面例子中它代碼的作用只是給p標(biāo)簽設(shè)置了邊框?yàn)?像素、紅色展鸡、實(shí)心邊框線屿衅，而對于子元素span是沒用起到作用的。
