1. gzyueqian
      13352868059

      web前端培訓:什么是語義HTML標記以及如何使用它們?

      更新時間: 2021-09-09 09:50:47來源: 粵嵌教育瀏覽量:10931

      語義HTML標記允許您向標記添加含義,以便搜索引擎、屏幕閱讀器和web瀏覽器能夠理解它。默認情況下,當用戶代理讀取您的內容時,它不理解上下文和含義。語義HTML標記允許您向用戶提供結構化內容,這對于頁面搜索引擎優化和可訪問性尤其重要。想要對語義HTML標記了解更多,建議參加web前端培訓,可以在短時間內獲得快速提升。

      盡管語義標記存在于早期的HTML版本中,但HTML5規范在塊級和內聯級的語法中都添加了一些新的語義元素。

      最常用的語義標記

      最常用的語義元素是HTML5出現之前就已經存在的,這也許并不奇怪。實際上,沒有三個語義標記,您甚至無法創建HTML文檔:

      <html>這封信包含了整頁,

      <head>包含呈現頁面所需的所有信息,

      <body>包含頁面內容的。

      這三個語義元素構成了每個HTML文檔的主干。在web前端培訓,你可以學習使用語義元素來創建HTML文檔。除此之外,以下是最流行的語義元素,所有這些元素都由早期的HTML規范定義:

      <ul>、<ol>和<li>用于定義有序和無序列表,

      <p>對于段落,

      <table>對于表,

      <form>對于表單,

      <img>對于圖像,

      <h1>,<h2>,<h3>,<h4>,<h5>,<h6>,用于不同級別的標題。

      上面的一些元素也有補充標記,它們也是語義標記。例如,<table>具有<thead>、<tbody>和<tfoot>,可用于標記表格的頁眉、正文和頁腳。想要學習更多關于html語言標記的知識,不妨報個web前端培訓班,有專業講師指導教學,可以讓你更全面掌握這部分的技能。

      HTML 5中的塊級語義元素

      塊級語義標記有兩種主要類型:分段元素、語義流元素

      1.分段元素在HTML文檔中創建一個不同的分段。它們的內容在文檔大綱中被視為單獨的塊,因此它們可以有自己的標題和頁腳標記。其中有四項:

      <article>對于博客帖子和文章等自包含塊,

      <aside>用于側邊欄,

      <nav>對于導航塊,

      主題內容塊的<section>。

      2.語義流元素具有語義,但不會在文檔中創建不同的塊,因此它們不能有自己的標題和頁腳元素。它們有很多,以下是使用最廣泛的:

      <main>用于文檔的主內容塊(一頁只能使用一次),

      <header>用于頁面或分段元素的頁眉部分,

      <footer>用于頁面或分區元素的頁腳部分,

      <audio>用于音頻嵌入,

      <video>用于視頻嵌入,

      <figure>用于塊級圖像塊。

      想要了解這兩種元素是如何使用的,可以參加web前端培訓學習一下,理論課程+項目課程,雙管齊下,提高學習效率,在最短的時間內學到最多最有效的知識。

      HTML5中的內聯級語義標記

      可以在塊級元素中使用內聯標記,例如段落或列表中的強調文本字符串。除了塊級語義元素外,HTML5還引入了兩個語義內聯標記,盡管之前的規范也包括語義內聯標記,例如超鏈接的<a>或縮寫的<abbr>。

      HTML5的語義內聯元素的創建目標是替換以前經常使用的非語義內聯標記,分別是粗體文本的<b>標記和斜體文本的<i>。但是,根據經驗,HTML應該只用于定義含義和結構。所有的樣式都應該用CSS來完成。

      HTML語義的最終目標是創建用戶代理(如web瀏覽器、屏幕閱讀器和搜索引擎機器人)可以輕松瀏覽和理解的文檔大綱。為此,您需要明智地使用語義和非語義標記。對HTML感興趣的同學,建議報名參加web前端培訓,這里有清晰的學習路線,課程緊跟市場和企業需求,讓你學有所成,快速找到滿意的工作。

      免費預約試聽課

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

      
      

      1. 五十路熟中文字幕 | 色妺妺免费AV在线 | 中文乱码字幕在线观看直播 | 五月天在线视频婷婷播放 | 日韩精品系列在线 | 伊人亚洲综合中文字幕 |