91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Html 5 新語義標簽

發布時間:2020-08-10 14:45:13 來源:網絡 閱讀:277 作者:Hello_Prudence 欄目:移動開發

HTML5  新標簽

======================================================================

1.DOCTYPE

   <!DOCTYPE html>


2.<meta>---字符編碼方式

   <meta charset="utf-8">


3.<link>

   <link rel="stylesheet" href="file.css">


4.<script>

    <script src="file.js"></script>


=========================================================================


引入語義元素


頁面標題---<header></header>

主導航區---<nav></nav>

側邊欄---<aside></aside>

主內容區---<main></main>

頁腳---<footer></footer>


========================================================================


新增的標簽

  

   1.區塊標簽


artile ---- 定義文章,表示包含于一個文檔、頁面、應用程序或網站中的一段獨立的內容,                    它能夠獨立的被發布或重新使用。


<article>

   <h2>Internet Explorer 9</h2>

 <p>Windows InternetExplorer.....</p>

</article>


section --- 一個主題性的內容分組,通常包含一個頭部(header),可能還會有一個尾                       (footer)。

     

屬性:cite : url; //假如section 摘自 web 的話


nav --- 定義導航鏈接的部分

 如果文檔中有“前后”按鈕,則應該把它放到<nav>標簽中。

                ***搜索引擎或屏幕閱讀器會根據nav標簽確定網站的內容,不是任何一組超鏈接都                      適合放在nav標簽中。


aside --- 定義其所處內容之外的內容,非主要內容,是主要內容的補充,具有獨立性。

 可用作文章的側欄。


**常用位置:

  -頁面側邊欄

      -廣告

  -友情鏈接

  -文章引語(內容摘要)


header

footer 


   2.內容分組標簽


figure --- 規定獨立的流內容(圖像、圖表、照片、代碼等等)

          figure元素的內容應該與主內容相關,但如果被刪除,則不應對文檔流產生影響。


figcaption --- 定義 figure 元素的標題。

                   figcaption 應為 figure 元素的第一個或最后一個子元素


        <figure>

    <figcaption> caption </figcation>

                     <img src=" " /> <video />

</figure>


main --- 顯示頁面的主題內容。

每個頁面只能包含一個main標簽。

main標簽中不包含網站標題、logo、主導航、版權聲明等信息。


****************************區塊標簽和內容分組標簽為塊標簽


   3.文本級別標簽


time --- 表示一個日期,或一個時間 (**可以被搜索引擎、屏幕閱讀器等方便的識別)

    屬性: datetime="2016-02-13"(固定格式)


                <header>

    <h4>*****</h4>

    <time datetime="2016-3-21">一天前</time>

</header>


            #### 如果定義了 datetime 屬性,則標簽中間的文本沒有固定格式,人可以識別就好

                 如果沒有定義 datetime 屬性,則文本需要一個固定格式,以便被識別。


           常用的time格式:

                Html 5  新語義標簽


        i  --- HTML4 中: 修飾文字樣式的,表示為 斜體

               HTML5 中: 表示強調不同的情緒或聲音,也可以表示技術術語、生物分類、來自另一                           種語言的成語或習語、一個想法等等。

           

<p><i>cat</i>是一種可愛的動物。 </p>

<p><i> Thank god.</i> 項目終于按時交付了。</p>

            

        b  --- HTML4 中: 修飾文字樣式的,表示為 粗體

                HTML5 中: 表示文檔中的關鍵字、商品名稱等


<p>

  該地出產的咖啡:

  <b>星巴克加長咖啡豆</b>,<b>濃縮烘焙</b>

</p>

  

        em --- emphasis  強調;標簽中的內容是用來強調的重要內容,顯示 斜體 文本

<p><em>cat</em>是一種可愛的動物。 </p>


strong --- 表示非常重要、嚴重性、或內容的緊迫性。 顯示 粗體 。


********************文本級別標簽是內聯標簽


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

通海县| 通山县| 南昌市| 六安市| 社旗县| 阳曲县| 合肥市| 格尔木市| 攀枝花市| 富顺县| 黄山市| 芦溪县| 修文县| 疏勒县| 江达县| 马关县| 林芝县| 台南县| 丹阳市| 甘洛县| 天气| 齐齐哈尔市| 大足县| 茂名市| 许昌市| 淅川县| 贵溪市| 荣成市| 巨野县| 清流县| 永吉县| 塔城市| 南溪县| 临沂市| 清水县| 信宜市| 陵川县| 隆子县| 淮安市| 布拖县| 唐山市|