<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                # 語義化文本元素 ## 1. 常用文本元素 | 標簽 | 描述 | | -------------------- | -------------------------------------------------- | | `<p>` | 段落內容 | | `<pre>` | 按源碼格式原樣顯示 | | `<br>` | 換行(源碼中的換行會被解析來空格) | | `<span>` | 與`<div>`類似,無語義, 主要用作內容的樣式鉤子 | | `<time>` | 描述日期或時間 | | `<abbr>` | 縮寫 | | `<sub>` | 下標 | | `<sup>` | 上標 | | `<address>` | 地址,通常用在`<footer>`中 | | `<s> / <del>` | 刪除線, `<s>`無語義 | | `<code>` | 顯示代碼塊,通常與代碼格式化插件配合,才能高亮關鍵字 | | `<progress>` | 進度條 | | `<b> / <strong>` | 加粗, `<b>`無語義 | | `<i> / <em>` | 斜體, `<i>`無語義 | | `<mark>` | 高亮標記, 默認為內容添加黃色背景 | | `<q> / <blockquote>` | 引用, 內容加雙引號 | --- ## 2. 示例 - 運行效果 ![](https://img.kancloud.cn/02/e3/02e33992cc712661c2a64f09fcbb238d_1368x1263.jpg) - 示例代碼 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>語義化文本元素</title> </head> <body> <time>2020-03-09 18:22:42</time> <p>HTML元素是頁面是具體顯示的內容,如標題,段落,圖片等</p> <!--縮寫文本下有虛線,完整信息在標簽的title屬性中,鼠標懸停會顯示title中的描述信息--> <p> <abbr title="HyperText Markup Language">HTML</abbr >文檔,是指采用超文本標記語言編寫的結構化文檔 </p> <!--上標與下標--> <p> 2<sup>4</sup> = 16 <br /> php中文網<sub style="color: gray">國內最大的php與web開發資源分享平臺</sub >PHP.CN </p> <!--地址, 默認會換行,并斜體顯示--> <footer> 聯系地址: <address>合肥市政務新區懷寧路999號</address> </footer> <!--刪除線--> <p>豬肉原價: <del>58.88元</del>, 現價: <strong>49.99元</strong></p> <!--代碼, 通常與pre配合--> <p> <code> const username = 'admin'; </code> </p> <p> <!-- 如果瀏覽器不支持該標,則顯示內部文本: 已完成 50%--> <progress value="50" max="100">已完成 50% </progress> </p> <p> <!-- 強調:--> <strong>重復其實是最快的學習方法</strong> <br /> <em>編程能力是培訓邏輯思維的有效方式</em> </p> <!--標注--> <p>我是php中文網的講師: <mark>朱老師(Peter Zhu)</mark></p> <!--引用--> <p> <!-- 短引用: 文本添加引號 --> <q>引用文本</q> </p> <!-- 長引用: 縮進表示 --> <blockquote cite="https://www.php.cn"> <p> 超文本是一種組織信息的方式,它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關聯。 這些相互關聯的信息媒體可能在同一文本中,也可能是其他文件,或是地理位置相距遙遠的某臺計算機上的文件。 這種組織信息方式將分布在不同位置的信息資源用隨機方式進行連接,為人們查找,檢索信息提供方便 </p> </blockquote> </body> </html> ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看