<form id="hz9zz"></form>
  • <form id="hz9zz"></form>

      <nobr id="hz9zz"></nobr>

      <form id="hz9zz"></form>

    1. 明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

      figure標簽是什么?什么時候用?

      [摘要]本篇文章主要給大家介紹html5中的新標簽figure標簽的定義及使用方法介紹。HTML5是HTML最新的修訂版本,用更加豐富的標簽賦予網頁更好的意義和結構。那么有的新人朋友可能會問,這個figure標簽是什么?figure標簽什么時候用?相關教程推薦:HTML5教程那么figure標簽官方給出的...
      本篇文章主要給大家介紹html5中的新標簽figure標簽的定義及使用方法介紹。

      HTML5是HTML最新的修訂版本,用更加豐富的標簽賦予網頁更好的意義和結構。那么有的新人朋友可能會問,這個figure標簽是什么?figure標簽什么時候用?

      相關教程推薦:HTML5教程

      那么figure標簽官方給出的定義是規定獨立的流內容(圖像、圖表、照片、代碼等等)。

      下面我們就結合簡單的代碼示例為大家介紹html5中figure標簽的具體方法。

      <!DOCTYPE html>
      <html>
      <meta charset="utf-8">
      <title>figure標簽使用示例</title>
      <head>
      </head>
      <body>
      <p>
          HTML5是HTML最新的修訂版本,由萬維網聯盟(W3C)于2014年10月完成標準制定。,<br>
          目標是取代1999年所制定的HTML 4.01和XHTML 1.0標準,以期能在互聯網應用迅速發展的時候,使網上標準達到匹配當代的網上需求。<br>
          廣義論及HTML5時,實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。<br>
          它希望能夠減少網頁瀏覽器對于需要插件的豐富性網上應用服務(Plug-in-Based Rich Internet Application,RIA),<br>
          例如:Adobe Flash、Microsoft Silverlight與Oracle JavaFX的需求,并且提供更多能有效加強網上應用的標準集。
      </p>
      <figure>
          <p>圖片主題名稱</p>
          <p>圖片制作時間:11.1</p>
          <img src="img/2.png">
      </figure>
      </body>
      </html>

      上述代碼就給大家介紹figure標簽的使用示例,通過前臺訪問效果如下圖:

      fd57cc785ed2d5fcfaa579d74862905.png正如前面所說的,figure規定獨立的流內容照片、圖像等等。換言之figure標簽可以用來表示網站制作頁面上一塊獨立的內容,將其從網頁上移除后不會對網頁上的其他內容產生影響。figure所表示的內容可以是圖片、統計圖或代碼示例。

      如上圖中所示,在figure標簽中的圖片和標題都是獨立顯示的。

      注:

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

      可以使用 <figcaption> 元素為 figure 添加標題(caption)。

      本篇文章就是關于html5中新標簽figure的使用方法介紹,應該也是非常簡單易懂的,希望對需要的朋友有所幫助!

      想要了解更多前端知識,可以關注PHP中文網HTML5教程等相關前端視頻教程!

      以上就是figure標簽是什么?什么時候用?的詳細內容,更多請關注php中文網其它相關文章!


      網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




      日韩精品一区二区三区高清