整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML 元素與標(biāo)簽


          TML(HyperText Markup Language)是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。在HTML中,"元素"和"標(biāo)簽"是構(gòu)建網(wǎng)頁(yè)的基本組成部分,它們一起定義了網(wǎng)頁(yè)的結(jié)構(gòu)和內(nèi)容。HTML標(biāo)簽是用來(lái)定義HTML元素的開始和結(jié)束的,而HTML元素是由標(biāo)簽及其包含的內(nèi)容組成的。


          參考文檔:https://www.cjavapy.com/article/3303/


          1、HTML 元素


          HTML元素指的是從開始標(biāo)簽到結(jié)束標(biāo)簽的所有內(nèi)容。它們是HTML文檔的構(gòu)建塊,用于創(chuàng)建和組織網(wǎng)頁(yè)內(nèi)容。HTML元素可以包含文本、圖片、鏈接、表格等多種類型的數(shù)據(jù)。元素可能包括一個(gè)開始標(biāo)簽和一個(gè)結(jié)束標(biāo)簽,也可能只有一個(gè)標(biāo)簽(在自閉合元素的情況下)。


          1) <!DOCTYPE> 聲明


          用于定義文檔類型,告訴瀏覽器此文檔使用哪個(gè)HTML版本。


          <!DOCTYPE html>


          2) <html>


          根元素,包含整個(gè)HTML文檔。


          <html lang="en">
          </html>


          3) <head>


          包含文檔的元數(shù)據(jù),如標(biāo)題、字符集聲明和鏈接到樣式表。


          <head>
            <title>頁(yè)面標(biāo)題</title>
            <meta charset="UTF-8">
          </head>


          4)<title>


          定義文檔的標(biāo)題,顯示在瀏覽器的標(biāo)題欄或頁(yè)面的標(biāo)簽頁(yè)上。


          <title>這是文檔的標(biāo)題</title>


          5)<body>


          包含文檔的所有可見內(nèi)容,如文本、圖片、鏈接和其他多媒體元素。


          <body>
            <h1>這是一個(gè)主標(biāo)題</h1>
            <p>這是一個(gè)段落。</p>
          </body>


          6) <header>


          定義一個(gè)區(qū)域或頁(yè)面的頭部,通常包含標(biāo)題和導(dǎo)航鏈接。


          <header>
            <h1>網(wǎng)站標(biāo)題</h1>
            <nav>
              <ul>
                <li><a href="#">首頁(yè)</a></li>
                <li><a href="#">關(guān)于</a></li>
              </ul>
            </nav>
          </header>


          7) <footer>


          定義頁(yè)面或區(qū)域的頁(yè)腳部分,通常包含版權(quán)信息、聯(lián)系信息等。


          <footer>
            <p>版權(quán)所有 ? 2024</p>
          </footer>


          8) <nav>


          定義導(dǎo)航鏈接的部分,用于頁(yè)面內(nèi)或頁(yè)面間的導(dǎo)航。


          <nav>
            <ul>
              <li><a href="#">首頁(yè)</a></li>
              <li><a href="#">新聞</a></li>
            </ul>
          </nav>


          9)<section>


          定義文檔中的一個(gè)獨(dú)立部分,通常與標(biāo)題一起使用。


          <section>
            <h2>章節(jié)標(biāo)題</h2>
            <p>這是該章節(jié)的一些內(nèi)容。</p>
          </section>


          10. <article>


          定義可以獨(dú)立于內(nèi)容其余部分的完整自包含內(nèi)容,例如博客帖子或新聞文章。


          <article>
            <h2>文章標(biāo)題</h2>
            <p>文章內(nèi)容...</p>
          </article>


          11. <aside>


          定義與周圍內(nèi)容稍微分離的內(nèi)容,如側(cè)邊欄或廣告欄。


          <aside>
            <p>這是一些附加信息。</p>
          </aside>


          12. <figure> 和 <figcaption>


          <figure> 定義獨(dú)立的流內(nèi)容(如圖表、圖像、代碼示例等),<figcaption> 提供該內(nèi)容的標(biāo)題。


          <figure>
            <img src="image.jpg" alt="描述性文本">
            <figcaption>圖像標(biāo)題</figcaption>
          </figure>


          2、HTML 標(biāo)簽


          HTML標(biāo)簽是HTML元素的一部分,用于從邏輯上開始或結(jié)束一個(gè)元素。標(biāo)簽通常成對(duì)出現(xiàn),包括一個(gè)開始標(biāo)簽和一個(gè)對(duì)應(yīng)的結(jié)束標(biāo)簽,結(jié)束標(biāo)簽的名稱前會(huì)有一個(gè)斜線(/)作為區(qū)分。有些HTML標(biāo)簽是自閉合的,意味著它們不需要結(jié)束標(biāo)簽,如圖像標(biāo)簽(<img />)和換行標(biāo)簽(<br />)。


          標(biāo)簽

          說明

          <!DOCTYPE>

          聲明文檔類型和HTML版本。

          <html>

          標(biāo)識(shí)一個(gè)HTML文檔的根元素。

          <head>

          包含了文檔的元數(shù)據(jù)。

          <title>

          指定文檔的標(biāo)題。

          <body>

          包含了可見的頁(yè)面內(nèi)容。

          <h1> - <h6>

          定義標(biāo)題,從

          <h1> 到 <h6> 重要性遞減。

          <p>

          定義段落。

          <br>

          插入一個(gè)換行符。

          <hr>

          在頁(yè)面上繪制一條水平線。

          <b>

          定義粗體文本。

          <i>

          定義斜體文本。

          <u>

          定義下劃線文本。

          <strong>

          定義重要文本。

          <em>

          定義強(qiáng)調(diào)文本。

          <mark>

          定義被標(biāo)記或高亮的文本。

          <small>

          定義小號(hào)文本。

          <sub>

          定義下標(biāo)文本。

          <sup>

          定義上標(biāo)文本。

          <a>

          定義超鏈接。

          <img>

          在頁(yè)面中嵌入圖像。

          <ul>

          定義無(wú)序列表。

          <ol>

          定義有序列表。

          <li>

          定義列表項(xiàng)。

          <table>

          定義表格。

          <th>

          定義表格的表頭單元格。

          <tr>

          定義表格的行。

          <td>

          定義表格單元。

          <form>

          定義HTML表單。

          <input>

          定義輸入控件。

          <textarea>

          定義多行文本輸入控件。

          <button>

          定義按鈕。

          <select>

          定義下拉列表。

          <option>

          定義下拉列表中的選項(xiàng)。

          <article>

          定義文章。

          <section>

          定義文檔中的一個(gè)區(qū)域(或節(jié))。

          <header>

          定義介紹性內(nèi)容或?qū)Ш芥溄拥娜萜鳌?/p>

          <footer>

          定義注腳或文檔的頁(yè)腳。

          <nav>

          定義導(dǎo)航鏈接的部分。

          <aside>

          定義側(cè)邊欄內(nèi)容。


          使用示例:


          <!DOCTYPE html>
          使用示例:
          <!DOCTYPE html>
          <html>
          <head>
              <meta charset="UTF-8">
              <title>HTML標(biāo)簽使用示例</title>
          </head>
          <body>
          <header>
              <h1>歡迎來(lái)到我的網(wǎng)頁(yè)</h1>
              <nav>
                  <a href="#content">主要內(nèi)容</a> |
                  <a href="#contact-form">聯(lián)系表單</a>
              </nav>
          </header>
          <section id="content">
              <article>
                  <h2>HTML基礎(chǔ)</h2>
                  <p>HTML是構(gòu)建網(wǎng)頁(yè)的基石。<strong>標(biāo)簽</strong>是它的核心組成部分。<mark>本文</mark>介紹了一些最常用的HTML標(biāo)簽。</p>
              </article>
              <aside>
                  <h3>注意</h3>
                  <p>記得檢查HTML5的新特性和標(biāo)簽。</p>
              </aside>
              <ul>
                  <li>文本標(biāo)簽</li>
                  <li>列表</li>
                  <li>表格</li>
                  <li>表單</li>
              </ul>
              <ol>
                  <li>先介紹基礎(chǔ)</li>
                  <li>然后是進(jìn)階</li>
              </ol>
              <table>
                  <tr>
                      <th>標(biāo)簽</th>
                      <th>描述</th>
                  </tr>
                  <tr>
                      <td><p></td>
                      <td>段落標(biāo)簽</td>
                  </tr>
                  <tr>
                      <td><a></td>
                      <td>鏈接標(biāo)簽</td>
                  </tr>
              </table>
          </section>
          <section id="images">
              <h2>圖片</h2>
              <img src="example.jpg" alt="示例圖片">
          </section>
          <footer>
              <section id="contact-form">
                  <h2>聯(lián)系我們</h2>
                  <form>
                      <label for="name">姓名:</label>
                      <input type="text" id="name" name="name"><br>
                      <label for="email">電子郵件:</label>
                      <input type="email" id="email" name="email"><br>
                      <input type="submit" value="提交">
                  </form>
              </section>
              <p>? 2024 HTML標(biāo)簽示例</p>
          </footer>
          </body>
          </html>


          參考文檔:Hhttps://www.cjavapy.com/article/3303/

          TML是一種用來(lái)描述網(wǎng)頁(yè)的標(biāo)記性語(yǔ)言。學(xué)習(xí)HTML可能并不難,主要是要記一些HTML標(biāo)簽和標(biāo)簽代表的含義。下面PHP程序員雷雪松根據(jù)使用的情況,整理出平時(shí)常用的HTML標(biāo)簽。

          HTML基礎(chǔ)之HTML常用標(biāo)簽-PHP程序員雷雪松的博客

          1、最基本的HTML結(jié)構(gòu)

          <!--<!DOCTYPE> 是HTML5聲明,<!DOCTYPE> 必須是 HTML 文檔的第一行,位于 <html> 標(biāo)簽之前。<!DOCTYPE>是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫的指令。-->

          <!DOCTYPE html>

          <html>

          <!-- head標(biāo)簽是所有頭部元素的容器。head標(biāo)簽內(nèi)的元素可包含腳本、樣式表和提供頁(yè)面的元信息等等。以下標(biāo)簽都可以添加到 head 部分:title、base、link、meta、script 以及style。頭部的內(nèi)容不會(huì)顯示在瀏覽器的。 -->

          <head>

          <!-- 設(shè)置字符集,如果字符集不對(duì),可能導(dǎo)致亂碼。一般建議utf-8國(guó)際編碼 -->

          <meta http-equiv="Content-Type" content="text/html; charset=gb2312或utf-8或gbk" />

          <!-- SEO相關(guān)標(biāo)簽,title定義文檔的標(biāo)題,百度建議一般不要超過32位,meta定義頁(yè)面關(guān)鍵詞和頁(yè)面的描述-->

          <title>網(wǎng)頁(yè)標(biāo)題</title>

          <meta name="keywords" content="PHP程序員,技術(shù)博客,個(gè)人博客,雷雪松" />

          <meta name="description" content="PHP程序員,雷雪松(Raykaeso)的博客是一個(gè)優(yōu)秀的個(gè)人技術(shù)博客。PHP程序員雷雪松的博客記錄了Linux學(xué)習(xí),PHP開發(fā)與編程,Web前端開發(fā),MySQL學(xué)習(xí)和教程,NoSQL數(shù)據(jù)庫(kù)教程以及個(gè)人的人生經(jīng)歷和觀點(diǎn)。" />

          <link rel="stylesheet" type="text/css" href="main.css" />

          <script type="text/javascript" src="main.js"></script>

          </head>

          <!-- 正文部分,所有在瀏覽器上可見的內(nèi)容必須寫在body標(biāo)簽內(nèi)部 -->

          <body>

          </body>

          </html>

          2、最常用的HTML標(biāo)簽

          a、布局標(biāo)簽

          div標(biāo)簽定義文檔中的分區(qū)或節(jié)(division/section),可以把文檔分割為獨(dú)立的、不同的部分,主要用于布局。

          aside標(biāo)簽的內(nèi)容可用作文章的側(cè)欄,<span style="color: #ff0000;">html5新增標(biāo)簽</span>。

          header標(biāo)簽定義頁(yè)面的頭部(介紹信息),<span style="color: #ff0000;">html5新增標(biāo)簽</span>。

          section標(biāo)簽定義文檔中的節(jié)(section、區(qū)段)。比如章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其他部分,<span style="color: #ff0000;">html5新增標(biāo)簽</span>。

          footer 標(biāo)簽定義文檔或節(jié)的頁(yè)腳,通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等等,<span style="color: #ff0000;">html5新增標(biāo)簽</span>。

          article標(biāo)簽規(guī)定文章獨(dú)立的其他內(nèi)容,比如:標(biāo)題、內(nèi)容、評(píng)論,<span style="color: #ff0000;">html5新增標(biāo)簽</span>。

          b、文本標(biāo)簽

          h1-h6標(biāo)簽可定義標(biāo)題

          p標(biāo)簽定義段落

          b/strong標(biāo)簽加粗

          em標(biāo)簽來(lái)表示強(qiáng)調(diào)的文本,斜體

          strong標(biāo)簽表示重要文本

          u標(biāo)簽下劃線

          s標(biāo)簽刪除線

          br標(biāo)簽表示回車換行

          hr標(biāo)簽表示水平線

          span標(biāo)簽被用來(lái)組合文檔中的行內(nèi)元素。

          blockquote標(biāo)簽表示塊引用

          pre標(biāo)簽可定義預(yù)格式化的文本,保持原有格式的一種標(biāo)簽。

          sub標(biāo)簽下標(biāo),

          sup>標(biāo)簽上標(biāo)

          &nbsp;表示一個(gè)空格

          &copy;表示版權(quán)符

          &lt;表示<

          &gt;表示>

          c、a標(biāo)簽定義超鏈接,指定頁(yè)面間的跳轉(zhuǎn)。鏈接可以指向外部鏈接或者頁(yè)面內(nèi)部id錨點(diǎn),可以在當(dāng)前頁(yè)面打開,新開窗口。

          <a href="指向的鏈接地址或者網(wǎng)址#ID名" target="_blank|_self|_top|_parent">百度</a>

          d、多媒體標(biāo)簽

          img標(biāo)簽主要在網(wǎng)頁(yè)中插入圖像,可以定義圖片替換文本、顯示寬度和高度、是否帶邊框,建議等比例設(shè)置,否則圖像會(huì)變形。

          <img src="圖片地址" alt="替換文本,圖片打不開的時(shí)候顯示" width="圖片寬度" height="高度" border="0" />

          audio標(biāo)簽定義聲音,比如音樂或其他音頻流。<span style="color: #ff0000;">html5新增標(biāo)簽</span>。

          <audio src="someaudio.wav">您的瀏覽器不支持 audio 標(biāo)簽。</audio>

          video標(biāo)簽定義視頻,比如電影片段或其他視頻流。<span style="color: #ff0000;">html5新增標(biāo)簽</span>。

          <video src="movie.ogg" controls="controls">您的瀏覽器不支持 video 標(biāo)簽。</video>

          e、序列化標(biāo)簽

          ul和li無(wú)序列表標(biāo)簽

          <ul>

          <li>HTML</li>

          <li>JS</li>

          <li>PHP</li>

          </ul>

          ol和li有序列表標(biāo)簽,可以使用type屬性規(guī)定有序列表符號(hào)的類型。1 按數(shù)字有序排列,為默認(rèn)值,(1、2、3、4);a 按小寫字母有序排列,(a、b、c、d);A 按字母大寫有序排列,(A、B、C、D)。i 按小寫羅馬字母有序,(i, ii, iii, iv);I 按小寫羅馬字母有序,(I, II, III, IV)。

          <ol>

          <li>HTML</li>

          <li>JS</li>

          <li>PHP</li>

          </ol>

          dl標(biāo)簽定義了定義列表(definition list),dl標(biāo)簽用于結(jié)合 dt(定義列表中的項(xiàng)目)和 dd(描述列表中的項(xiàng)目)。

          <dl>

          <dt>計(jì)算機(jī)</dt>

          <dd>用來(lái)計(jì)算的儀器 ... ...</dd>

          </dl>

          f、表格標(biāo)簽

          table標(biāo)簽和tr標(biāo)簽,th標(biāo)簽和td標(biāo)簽,合并單元格。

          <table width="100%" height="193" border="1" cellpadding="0" cellspacing="0" bordercolor="#FF0000" bgcolor="#000000" background="">

          <tr>

          <th>標(biāo)題</th>

          <th>標(biāo)題</th>

          </tr>

          <tr>

          <!-- 合并橫向單元格 -->

          <td colspan="2" nowrap="nowrap">&amp;nbsp;</td>

          </tr>

          <tr>

          <td></td>

          <!-- 合并縱向單元格 -->

          <td rowspan="2"> </td>

          </tr>

          <tr>

          <td height="16"> </td>

          </tr>

          </table>

          g、表單標(biāo)簽

          form標(biāo)簽定義提交方式、提交地址、表單字符集以及如何對(duì)其進(jìn)行編碼,需要提交的表單一定要放在form標(biāo)簽內(nèi)。

          <form id="form1" name="form1" method="post|get" enctype="multipart/form-data" action="提交到的地址"></form>

          input標(biāo)簽用于搜集用戶信息

          <input name="userName" type="text" maxlength="5" size="100" value="asdfasdfasfd" />

          密碼,輸入的字符會(huì)被掩碼(顯示為星號(hào)或原點(diǎn))

          <input name="pwd" type="password" maxlength="5" size="100" value="" />

          文件類型的表單,上傳文件時(shí),form表單一定要設(shè)置為enctype="multipart/form-data"

          <input type="file" name="file" />

          隱藏表單

          <input type="hidden" name="country" value="China" />

          提交

          <input type="submit" name="Submit" value="提交" disabled="disabled" />

          重置

          <input type="reset" name="Submit2" value="重置" />

          radio單選

          <input name="sex" type="radio" value="1" />男

          <input name="sex" type="radio" value="2" checked="checked" />女

          checkbox多選

          <input name="skill" type="checkbox" value="1" checked="checked" />PHP

          <input name="skill" type="checkbox" value="2" />前端

          <input name="skill" type="checkbox" value="2" />數(shù)據(jù)庫(kù)

          <span style="color: #ff0000;">注:checked="checked"可以簡(jiǎn)寫成checked</span>

          label標(biāo)簽為input元素定義標(biāo)注,如果您點(diǎn)擊label元素文本,就會(huì)觸發(fā)此input控件。

          textarea標(biāo)簽,設(shè)置文本區(qū)內(nèi)的可見行數(shù)和寬度

          <textarea name="content" cols="30" rows="10">大段文本輸入框</textarea>

          button標(biāo)簽定義一個(gè)按鈕

          提交按鈕

          <button type="submit" value="提交">提交</button>

          重置按鈕

          <button type="reset" value="重置">重置</button>

          select標(biāo)簽和option標(biāo)簽下拉列表

          單選菜單列表框

          <select name="user">

          <option value="1">ray</option>

          <option value="2" selected="selected">raykaeso</option>

          </select>

          多選列表下拉框,shift加鼠標(biāo)單擊,可以連續(xù)選擇多個(gè)選擇,CTRL+鼠標(biāo)點(diǎn)擊,可以點(diǎn)擊多個(gè)。

          <select name="user" size="10" multiple="multiple">

          <option value="1">雷雪松</option>

          <option value="2" selected="selected">ray</option>

          <option value="3">raykaeso</option>

          </select>

          注:selected="selected"可簡(jiǎn)寫成selected,表示選中

          3、其他HTML事項(xiàng)

          a、HTML標(biāo)簽和屬性是不區(qū)分大小寫的,建議HTML標(biāo)簽和屬性都小寫,屬性值必須用雙引號(hào)包圍。

          b、HTML標(biāo)簽都是以開始標(biāo)簽起始,以結(jié)束標(biāo)簽終止。大部分HTML標(biāo)簽都是成對(duì)出現(xiàn)的,稱為雙標(biāo)簽,比如:p標(biāo)簽、div標(biāo)簽,也有的HTML標(biāo)簽在開始標(biāo)簽中結(jié)束的標(biāo)簽,稱為單標(biāo)簽,比如:hr標(biāo)簽、br標(biāo)簽。大多數(shù) HTML 元素可擁有屬性,文本內(nèi)容都是寫在開始標(biāo)簽與結(jié)束標(biāo)簽之間。

          c、HTML標(biāo)簽之間盡量縮進(jìn)與換行,每行代碼不要過長(zhǎng),方便閱讀和維護(hù)。

          d、HTML標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則。禁止a標(biāo)簽嵌套a標(biāo)簽,p標(biāo)簽嵌套div標(biāo)簽。

          e、建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標(biāo)簽,少使用table布局、iframe框架嵌套以及flash播放器。

          來(lái)源:PHP程序員雷雪松的博客 -HTML基礎(chǔ)之HTML常用標(biāo)簽(http://www.leixuesong.cn/2045)

          義HTML標(biāo)記允許您向標(biāo)記添加含義,以便搜索引擎、屏幕閱讀器和web瀏覽器能夠理解它。默認(rèn)情況下,當(dāng)用戶代理讀取您的內(nèi)容時(shí),它不理解上下文和含義。語(yǔ)義HTML標(biāo)記允許您向用戶提供結(jié)構(gòu)化內(nèi)容,這對(duì)于頁(yè)面搜索引擎優(yōu)化和可訪問性尤其重要。想要對(duì)語(yǔ)義HTML標(biāo)記了解更多,建議參加web前端培訓(xùn),可以在短時(shí)間內(nèi)獲得快速提升。

          盡管語(yǔ)義標(biāo)記存在于早期的HTML版本中,但HTML5規(guī)范在塊級(jí)和內(nèi)聯(lián)級(jí)的語(yǔ)法中都添加了一些新的語(yǔ)義元素。

          最常用的語(yǔ)義標(biāo)記

          最常用的語(yǔ)義元素是HTML5出現(xiàn)之前就已經(jīng)存在的,這也許并不奇怪。實(shí)際上,沒有三個(gè)語(yǔ)義標(biāo)記,您甚至無(wú)法創(chuàng)建HTML文檔:

          <html>這封信包含了整頁(yè),

          <head>包含呈現(xiàn)頁(yè)面所需的所有信息,

          <body>包含頁(yè)面內(nèi)容的。

          這三個(gè)語(yǔ)義元素構(gòu)成了每個(gè)HTML文檔的主干。在web前端培訓(xùn),你可以學(xué)習(xí)使用語(yǔ)義元素來(lái)創(chuàng)建HTML文檔。除此之外,以下是最流行的語(yǔ)義元素,所有這些元素都由早期的HTML規(guī)范定義:

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

          <p>對(duì)于段落,

          <table>對(duì)于表,

          <form>對(duì)于表單,

          <img>對(duì)于圖像,

          <h1>,<h2>,<h3>,<h4>,<h5>,<h6>,用于不同級(jí)別的標(biāo)題。

          上面的一些元素也有補(bǔ)充標(biāo)記,它們也是語(yǔ)義標(biāo)記。例如,<table>具有<thead>、<tbody>和<tfoot>,可用于標(biāo)記表格的頁(yè)眉、正文和頁(yè)腳。想要學(xué)習(xí)更多關(guān)于html語(yǔ)言標(biāo)記的知識(shí),不妨報(bào)個(gè)web前端培訓(xùn)班,有專業(yè)講師指導(dǎo)教學(xué),可以讓你更全面掌握這部分的技能。

          HTML 5中的塊級(jí)語(yǔ)義元素

          塊級(jí)語(yǔ)義標(biāo)記有兩種主要類型:分段元素、語(yǔ)義流元素

          1.分段元素在HTML文檔中創(chuàng)建一個(gè)不同的分段。它們的內(nèi)容在文檔大綱中被視為單獨(dú)的塊,因此它們可以有自己的標(biāo)題和頁(yè)腳標(biāo)記。其中有四項(xiàng):

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

          <aside>用于側(cè)邊欄,

          <nav>對(duì)于導(dǎo)航塊,

          主題內(nèi)容塊的<section>。

          2.語(yǔ)義流元素具有語(yǔ)義,但不會(huì)在文檔中創(chuàng)建不同的塊,因此它們不能有自己的標(biāo)題和頁(yè)腳元素。它們有很多,以下是使用最廣泛的:

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

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

          <footer>用于頁(yè)面或分區(qū)元素的頁(yè)腳部分,

          <audio>用于音頻嵌入,

          <video>用于視頻嵌入,

          <figure>用于塊級(jí)圖像塊。

          想要了解這兩種元素是如何使用的,可以參加web前端培訓(xùn)學(xué)習(xí)一下,理論課程+項(xiàng)目課程,雙管齊下,提高學(xué)習(xí)效率,在最短的時(shí)間內(nèi)學(xué)到最多最有效的知識(shí)。

          HTML5中的內(nèi)聯(lián)級(jí)語(yǔ)義標(biāo)記

          可以在塊級(jí)元素中使用內(nèi)聯(lián)標(biāo)記,例如段落或列表中的強(qiáng)調(diào)文本字符串。除了塊級(jí)語(yǔ)義元素外,HTML5還引入了兩個(gè)語(yǔ)義內(nèi)聯(lián)標(biāo)記,盡管之前的規(guī)范也包括語(yǔ)義內(nèi)聯(lián)標(biāo)記,例如超鏈接的<a>或縮寫的<abbr>。

          HTML5的語(yǔ)義內(nèi)聯(lián)元素的創(chuàng)建目標(biāo)是替換以前經(jīng)常使用的非語(yǔ)義內(nèi)聯(lián)標(biāo)記,分別是粗體文本的<b>標(biāo)記和斜體文本的<i>。但是,根據(jù)經(jīng)驗(yàn),HTML應(yīng)該只用于定義含義和結(jié)構(gòu)。所有的樣式都應(yīng)該用CSS來(lái)完成。

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

          了解更多


          主站蜘蛛池模板: 日韩精品一区二区三区大桥未久| 中文字幕日韩丝袜一区| 冲田杏梨高清无一区二区| 无码少妇一区二区浪潮av| 亚洲爆乳无码一区二区三区| 国产精品538一区二区在线| 女人和拘做受全程看视频日本综合a一区二区视频| 亚洲AⅤ视频一区二区三区| 精品不卡一区二区| 国产福利视频一区二区| 国产一区二区三区在线电影| 日韩一区二区三区无码影院| 精品久久国产一区二区三区香蕉| 亚洲AV无码国产一区二区三区 | 一本久久精品一区二区| 一区二区三区在线视频播放| 久久精品午夜一区二区福利| 中文字幕无码一区二区三区本日| 日本人的色道www免费一区| 亚洲视频一区二区三区四区| 日本一区午夜艳熟免费| 影院无码人妻精品一区二区| 国产一区二区三区小说| 2021国产精品视频一区| 无码精品一区二区三区在线| 国产在线精品一区二区不卡麻豆| 国产人妖视频一区在线观看| 国产一区二区三区乱码在线观看| 日本片免费观看一区二区| 亚洲国产一区二区三区青草影视| 中文字幕在线精品视频入口一区| 亚洲人AV永久一区二区三区久久| 精品理论片一区二区三区| 国产精品无码一区二区三区免费| 无码喷水一区二区浪潮AV| 久久青青草原一区二区| 精品国产一区二区三区AV | 日韩制服国产精品一区| 大伊香蕉精品一区视频在线 | 日本一区二区三区不卡视频| 欧美亚洲精品一区二区|