在HTML5入門學習中,明白各個標簽的用法是非常重要的,可以說是基礎中的基礎。什么是語義化標簽呢?說的通俗點就是明白每個標簽的用途,在什么情況下使用才合理等,比如網頁上的文章標題可以用標題標簽,文章中內容的段落就得放在段落標簽中,在文章中有想強調的文本,可以使用em標簽表示強調等。
HTML開發中語義化標簽的用法:
1)<hx>標簽:文章標題,欄目標題用<hx>表示
標題標簽一共有6個, h1、h2、h3、h4、h5、h6 分別為一級標題、二級標題、三級標題、四級標題、五級標題、六級標題。并且依據重要性遞減。<h1> 是的等級。
2)<a>標簽:實現超鏈接
用于從一個頁面鏈接到另一個頁面,強調title屬性的作用,鼠標滑過鏈接文字時會顯示這個屬性的文本內容。這個屬性在實際網頁開發中作用很大,主要方便搜索引擎了解鏈接地址的內容。
3)<p>標簽:文章段落放到<p>標簽中;
4)<strong>和<em>標簽:特別強調某幾個文字;
但兩者在強調的語氣上有區別,<em> 表示強調,<strong> 表示更強烈的強調。并且在瀏覽器中<em> 默認用斜體表示,<strong> 用粗體表示;
5)<q>標簽:短文本引用,注意要引用的文本不用加雙引號,瀏覽器會對q標簽自動添加雙引號;
6)<blockquote>標簽:長文本引用,注意瀏覽器對 <blockquote>標簽的解析是縮進樣式;7)<address>標簽:為網頁加入地址信息;
8)<ul>標簽:無序列表;
9)<ol>標簽:有序列表;
10)<caption>標簽:為表格添加標題和摘要;
摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性,使搜索引擎更好的讀懂表格內容,還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內容。
粵嵌HTML5入門學習這些語義化標簽,其目的在于更容易讓閱讀器讀出網頁內容,體現頁面的主題,同時還能夠易于被搜索引擎收錄,并支持更多的網絡設備(兼容性好)。因此,我們剛開始入門學習HTML5的時候,對這部分內容要多加重視,是都記下來。