HTML5 語意元素具有反映組件類型的重要名稱。讓我們以表格、頁首、頁尾等為例

• 對於 HTML4，開發人員使用自己的 id/類別名稱來設計元素，例如頂部、頁首、底部、選單、頁尾、主要、導覽、材質、物件、頂部導覽、側邊欄等。然而，正因為如此，搜尋引擎無法辨識網頁的正確內容。

  HTML5 語意範例

  現在讓我們來看一些 HTML5 語意元素的範例：

  範例 #1 –

  顧名思義，它指的是頁面介紹段的標題。一頁上可以找到許多標題。

  代碼：

       
    
   
   
  Educba learning bridge
   
  Become a techinal learner with EDUCBA
   
  Hey the best online training institute in ASIA 
   
   
    

  登入後複製

  輸出：

  

  範例 #2 –

  導覽連結的集合，用於描述導覽功能表或導覽列。

  代碼：

       
    
  Navigation Bar for EduCBA
     

  登入後複製

  輸出：

  

  範例 #3 –

  頁面可以分為簡介、聯絡方式、詳細資訊等部分，每個部分都有一個元素。

  代碼：

       
    
   
  AWS Tutorials for EduCBA
   
  Amazon Web Services (AWS) is one of the world's most popular and used cloud services. 175 supported services are available in AWS. 
   
   
   
  Data Mining
   
  AThrough technological development such as big data and data science companies around the world have benefited from data mining by recognize opportunities and making their organizations efficient through waste reduction, to achieve their business goals. 
   
    

  登入後複製

  輸出：

  

  範例 #4 –

  此標記元素用於突出顯示文字。

  代碼：

       
    
  How to mark text 
   
   In theory, this method transforms raw data into valuable information or insights.
    

  登入後複製

  輸出：

  

  範例 #5 –

  它是區塊或段劃分的一個面向。它被用作一個包。

  代碼：

       
    
  div Element for educba 
   
   
  Data Science
   
  Data analatics computer Science nachine learning 
   
    

  登入後複製

  輸出：

  

  範例 #6 –和

  • 此元素用於定義使用者可以查看或隱藏的其他詳細資訊。
  • 此元素用於定義
    的可見標題。元素

  實施的計畫和

  代碼：

       
    
   
  Make your Study easily with us
   
  One of the best Data Science and web portal where you can learn good skills of programming. 
   
    

  登入後複製

  輸出：

  

  

  7. 此元素用於指定頁面內容以外的內容。
  8. ：此元素用於指定時間或日期。
  9. ：
     此元素用於指定文件的主要內容。

  如何在一個範例中實作所有元素程式碼？

  這裡我們透過一個範例來了解如何實作元素程式碼。

  代碼：

       
    
   
   
  Educba learning bridge
    
   
  Become a technicall learner with EDUCBA
   
   
  AWS Tutorials for EduCBA
   
  Amazon Web Services (AWS) is one of the world's most popular and used cloud services. 175 supported services are available in AWS. 
   
   
   
  Data Mining
   
  Through technological development such as big data and data science companies around the world have benefited from data mining by recognize opportunities and making their organizations efficient through waste reduction, to achieve their business goals. 
   
   
  EduCBA is the best online training institute in ASIA
   
   
    

  登入後複製

  輸出：

  

以上是HTML5 語意的詳細內容。更多資訊請關注PHP中文網其他相關文章！