1. gzyueqian
      13352868059

      粵嵌HTML5入門 HTML5開發中語義化標簽的用法

      更新時間: 2018-04-13 14:28:12來源: 粵嵌教育瀏覽量:3089

        在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的時候,對這部分內容要多加重視,是都記下來。




      免費預約試聽課

      亚洲另类欧美综合久久图片区_亚洲中文字幕日产无码2020_欧美日本一区二区三区桃色视频_亚洲AⅤ天堂一区二区三区

      
      

      1. 性爱国产精品福利 | 日本一卡精品视频免费 | 亚洲中文有码字幕青青 | 中文字幕图片欧美亚洲 | 亚洲成AV人的天堂 | 亚洲精品在线免费电影 |