HTML 语义化 - 前端开发规范手册

首页

互助圈

新手教程

进阶之路

算法原理

架构设计

JAVA进阶

C/C++进阶

Python进阶

JavaScript

数据库

大数据

消息服务

源码解读

JAVA源码

Spring源码

数据库

消息服务

Dubbo源码

面试指南

大厂专栏

面试技巧

面试经验

面试题库

开发资料

文档资料

工具软件

电子书籍

小牛导航

在线工具

登录

基本原则

HTML 通用约定

HTML 语义化

HTML HEAD

CSS 通用约定

CSS 字体排版

CSS 模块组织

CSS LESS规范

CSS 性能优化

JavaScript 通用约定

JavaScript jQuery 规范

JavaScript 性能优化

Web 移动端优化

常见标签语义
示例
文档声明
链接
缩写
大段引用
一般引用
删除
定义列表

换行

分割线

无语义标签 /

段落/标题 /
/
/

强调 /

表单项 //<select></a></li>
                                        <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('iteipw');">图片 <img></a></li>
                                        <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('fepjti');">框架 <iframe></a></li>
                                        <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('ipdtib');">流媒体 <video>/<audio>/<object>/<embed></a></li>
                                        <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('mihkty');">网页标题 <title></a></li>
                                        <li data-v-ek=""><a data-v-ek="" class="outline-link" href="javascript:scrollto2('olpgrx');">最后总结</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                    <div class="content" data-v-g="">
                        <div class="wzdh-v">
                            当前位置：
                            <a href="/">首页</a> >
                            <a href="/shouce/">文档资料</a> >
                            <a href="/shouce/1995/">前端开发规范手册</a> >
                        </div>
                        <div><div>
    <a href="/link/redirect?r=https://www.xnip.cn/biji/255610.html" target="_blank">
        <img src="https://imgs.xnip.cn/imgs/index/banner.jpeg">
    </a>
</div></div>
                        <div class="content-container" data-v-g="">
                            <main class="main" data-v-g="">
                                <div class="vp-doc" data-v-g="">
                                    <div>
                                        <h1 id="content" tabindex="-1">HTML 语义化</h1>
                                        <div data-v-h="" class="meta-wrapper">
                                            <div data-v-h="" class="meta-item original">
                                                    <span data-v-h="" class="arco-tag arco-tag-size-medium arco-tag-orangered arco-tag-checked">
                                                        优质
                                                    </span>
                                            </div>
                                            <div data-v-h="" class="meta-item">
                                                    <span data-v-h="" class="meta-content">
                                                        <i class="fa fa-user-o"></i>
                                                        小牛编辑
                                                    </span>
                                            </div>
                                            <div data-v-h="" class="meta-item">
                                                    <span data-v-h="" class="meta-content">
                                                        <i class="fa fa-eye"></i>
                                                        <span>126浏览</span>
                                                    </span>
                                            </div>
                                            <div data-v-h="" class="meta-item">
                                                <i class="fa fa-clock-o"></i>
                                                <span data-v-h="" class="meta-content">2023-12-01</span>
                                            </div>
                                            <div style="margin-top: 20px"><p>没有 <code>CSS</code> 的 <code>HTML</code> 是一个语义系统而不是 UI 系统。</p><p>通常情况下，每个标签都是有语义的，所谓语义就是你的衣服分为外套， 裤子，裙子，内裤等，各自有对应的功能和含义。所以你总不能把内裤套在脖子上吧。</p><p>此外语义化的 <code>HTML</code> 结构，有助于机器（搜索引擎）理解，另一方面多人协作时，能迅速了解开发者意图。</p><h2 id="iadfiz">常见标签语义</h2><table><thead><tr><th>标签</th><th>语义</th></tr></thead><tbody><tr><td><code><p></code></td><td>段落</td></tr><tr><td><code><h1> <h2> <h3> ...</code></td><td>标题</td></tr><tr><td><code><ul></code></td><td>无序列表</td></tr><tr><td><code><ol></code></td><td>有序列表</td></tr><tr><td><code><blockquote></code></td><td>大段引用</td></tr><tr><td><code><cite></code></td><td>一般引用</td></tr><tr><td><code><b></code></td><td>为样式加粗而加粗</td></tr><tr><td><code><strong></code></td><td>为强调内容而加粗</td></tr><tr><td><code><i></code></td><td>为样式倾斜而倾斜</td></tr><tr><td><code><em></code></td><td>为强调内容而倾斜</td></tr><tr><td><code>code</code></td><td>代码标识</td></tr><tr><td><code>abbr</code></td><td>缩写</td></tr></tbody></table><h2 id="kzrfsk">示例</h2><p>将你构建的页面当作一本书，将标签的语义对应的其功能和含义；</p><ul><li>书的名称：<code><h1></code></li><li>书的每个章节标题: <code><h2></code></li><li>章节内的文章标题: <code><h3></code></li><li>小标题/副标题: <code><h4> <h5> <h6></code></li><li>章节的段落: <code><p></code></li></ul><p>下面分享的是如何去使用我们的 HTML Tag，把 WCAG 的标准和语义网的目标进行代码上的体现：</p><h2 id="jsnkda">文档声明 <!Doctype></h2><p>其实这跟 WCAG 根本上连不上什么直接关系，但为了一个兼容性更好，特别是向后兼容的页面，我推荐你这样写：</p><pre><code class="lang-markup"><!Doctype html></code></pre><h2 id="asygcf">链接 <a></h2><p>互联网的联几乎可以说是用 <code><a></code> 来实现的，作为一个页面最常见的标签。我们应该如何对待呢？</p><ol><li>为关键链接添加 <code>accesskey</code></li><li>除非万不得已，不要去掉 <code>focus</code> 时虚线框</li></ol><pre><code class="lang-markup"><a href="" title="" accesskey="M" rel="">Link</a></code></pre><h2 id="spumwt">缩写 <abbr></h2><p>对于用 HTML Tag 的正确使用，也是非常重要的，这有利于读屏软件使用者对于页面结构的理解。特别是在 H1、H2、H3 等这些标签的使用，滥用非常容易造成结构费解。当然使用一般的标签，再利用 CSS 来使视觉上形成对比这也是常人能辨识的。但读屏软件用户呢。当然，这里只是顺带提起需要注意页面标签的使用方法，而 <code>abbr</code> 最重要的应该是应该添加一个 <code>title</code> 属性对缩写进行描述。比如：</p><pre><code class="lang-markup"><abbr title="Web Developer" >WD</abbr></code></pre><h2 id="hvmdhy">大段引用 <blockquote> 一般引用 <cite></h2><p>有大段引用的时候，使用 <code><blockquote></code>，而行内引用则使用 <code><cite></code>，让你的结构更加易读：</p><pre><code class="lang-markup"><blockquote>这里是引用的内容。</blockquote></code></pre><h2 id="thwmmv">删除 <del></h2><p>在纸上写东西不能像在计算机上写东西一样，可以用撤销键可以按，但当我们想要强调某些东西是被删除的怎么办？那就是使用 <code><del></code> 标签了。比如这样：</p><pre><code class="lang-markup"><del>HTML上表示强调时，请使用 <b> 标签</del>
HTML上表示强调时，请使用 <strong> 标签</code></pre><p>效果是这样的：</p><blockquote><p><del datetime="2017-07-21T02:53:51+00:00">HTML上表示强调时，请使用 <b> 标签</del><br />HTML上表示强调时，请使用 <strong> 标签</p></blockquote><h2 id="ahyuxy">定义列表 <dl></h2><p>去年带着新人做支付宝前端博客的时候，他们给我印象最深刻的是很喜欢用 <code><dl></code>。当时在想，这些同学挺不错的，对语义化的理解还不错。我们还是比较少用到定义列表的。而是使用一般的 <code><ul></code> <code><ol></code> 这两个。<code><dl></code> 也是应该慎用的，最好只使用在某些有“定义”意义的条目，如 w3school 的这个例子，对咖啡和牛奶的定义：</p><pre><code class="lang-markup"><dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
</dl></code></pre><h2 id="khympx">无序/有序列表 <ul>/<ol></h2><p>列表这个对于每个前端来说，都熟悉不过了。因为结构可以非常灵活地进行应用，在导航、列表、Tab 等，都经常要要用到。这个就无须多说了。但有一点还是需要明白的，不要相信什么 <code><ul></code> / <code><ol></code> 是 <code><table></code> 的替代品。在我们常用的 HTML Tags 中，每个标签都有自己的作用，谁都不是谁的替代品。</p><pre><code class="lang-markup"><ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
</ol></code></pre><h2 id="mhblns">表格 <table></h2><p>如果是一个表格，那就，就不要用段落来替代，更不要用列表。除非万不得已，并且他们是可以转换的。另外，表格中还有一些需要注意的点：</p><ul><li>给 <code><table></code> 添加 <code>summary</code> 属性，有些表格非常大，并不需要去读完整个</li><li>添加 <code><tbody></code>，如果我没记错，如果没添加的话，浏览器会自动为你添加</li><li>必要时使用 <code><col></code> <code><colgroup></code> 来控制表示的栏</li></ul><pre><code class="lang-markup"><table summary="sofish's blog status">
    <thead>
        <tr>
            <th>DATE</th>
            <th>IP</th>
            <th>PV</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>2011.3.11</td>
            <td>3000</td>
            <td>8000</td>
        </tr>
    </tbody>
</table></code></pre><h2 id="mitmpl">格式化片段 <code>/<pre></h2><p><code><code></code> 是指 computer code text，而 <code><pre></code> 是指 preformatted text。<code><pre></code> 的范围更广，并且是块状元素，可能被使用来格式化各种文本，特别是代码。使用没有需要特别注意的，主要是语义上的正确使用，比如不要用 <code><pre></code> 来代替一般的 <code><p></code>。</p><pre><code class="lang-markup"><code>text-align:center</code>
<pre>{(1*102)+(9*101)+(3*100)}</pre></code></pre><h2 id="mfaorq">换行 <br></h2><p>在现代网页中，使用 <code><br></code> 的情况是非常少的。网页中的留白，一般都是使用 CSS 的 padding 和 margin 来实现。这样更精准，并用更容易控制。现在推荐的用法是，使用到一般的段落 <code><p></code> 中做简单的换行，而不是用来控制页面留白。</p><pre><code class="lang-markup"><p>我是一个段落。<br />诗歌都会用换行的。</p></code></pre><h2 id="pqworp">分割线 <hr></h2><p><code><hr></code> 具有非常好的语义作用。但他的视觉效果很难控制。一般也都很少用。如果专门为读屏软件使用者提供单独页面的话，或许 <code><hr></code> 会大有用处。</p><pre><code class="lang-markup"><h3>标题一</h3>
<p>Lorem Ipsum is ...</p>
<hr />
<h3>标题二</h3>
<p>This is the entry of... </p></code></pre><h2 id="lqhknb">无语义标签 <div>/<span></h2><p>其实 <code><div></code> / <code><span></code> 这两个标签是有语义的，都是 defines a section in a document。是的和 HTML5 中的 <code><section></code> 其实是一样的。只是因为搜索引擎的的原因，搜索引擎认为它们是无语义标签，因此他们成了 “无语义” 标签。推荐用法是尽量使用其他来做为页面框架的容器，比如布局、添加额外的视觉效果，而不是段落等的替代品。</p><pre><code class="lang-markup"><div id="container">
    <div id="content">
    </div>
    <div id="sidebar">
        <ul>
            <li><span>God</span>, oh my zsh</span></li>
        </ul>
    </div>
</div></code></pre><h2 id="fwyjzc">段落/标题 <p>/<h1>/<h2>/<h3></h2><p>这几个标签几乎可以说是一个页面标签等级结构中最重要的标签。我们可以用一本书的结构来说明这几个标签，而我们构建一个页面的时候，也应该有这样的一种思想在脑中：</p><ul><li>书的名称：H1</li><li>书的每个章节标题: H2</li><li>章节内的文章标题: H3</li><li>章节的段落: P</li><li>小标题/副标题: H4/H5/H6</li></ul><p>是的当然还有引用 <code><blockquoute></code>，技术类书中提供的代码 <code><pre class="code"></code>，一些需要注意点的列表 <code><ul></code>，一些方便比较的表格 <code><table></code> 等。</p><pre><code class="lang-markup"><h1>LOGO</h1>
<h2>Title</h2>
<div class="entry">
    <h3>Summary:</h3>
    <p>lorem ipsum is ...<em>emphasize</em></p>
</div></code></pre><h2 id="qocysn">强调 <em>/<strong></h2><p><code><em></code> 是 emphasize 的缩写。而 <code><strong></code> 是 strong emphasize 的缩写。可能很多刚入门前端的同学会对 <code><em></code>、<code><strong></code>、<code><cite></code> 、<code><i></code>、<code><b></code>; 这几个标签的使用拿捏不准。<code><i></code> 和 <code><b></code> 基本上是被废弃了，相当于现在的 <code><em></code> 和 <code><strong></code>，一般情况下他们对于内容重要性的排序是这样的：strong > em ≈ cite。</p><p><code><strong></code> 注意：<code></strong></code> 别使用老掉牙的标签，比如 <code><cite>FONT、CENTER</cite></code> 等，特别是 <code><em>FONT</em></code>。</p><h2 id="mbslck">表单项 <input>/<textarea>/<select></h2><p>表单项是 HTML 中相对比较复杂的标签，需要注意的点也比较多：</p><ol><li>需要给每个表单项添加 <code><label></code> 对其进行描述，当不能使用 label 时，为表单项添加 <code>title</code> 属性</li><li>当表单项是必填项的时候，使用 <code>*</code> 符号来标记</li><li>Flash 创建表单项一般是不会生成 <code><label></code> 的，请勾上 auto label 那个选项</li></ol><pre><code class="lang-markup"><form method="post" action="http://sofish.de">
    <fieldset><legend>My Form</legend>
        <label for="firstname">* First name:</label> <input type="text" id="firstname" />
        <label for="speech">Say something:</label>
        <textarea id="speech" /></textare>
        <input type="submit" value="submit" title="submit button" />
    </fieldset>
</form></code></pre><h2 id="iteipw">图片 <img></h2><p>对于图片，盲人看不到。提供 <code>alt</code> 来表示替代文本。告诉他们这是一张什么样的图。</p><pre><code class="lang-markup"><img src="https://www.xnip.cn/favicon.ico" alt="小牛知识库的 favicon" /></code></pre><h2 id="fepjti">框架 <iframe></h2><p>尽量避免 <code><iframe></code> 框架的使用，但当你需要使用的时候，最好提供一个 <code>title</code> 属性对其进行描述。</p><pre><code class="lang-markup"><iframe src="https://www.xnip.cn" title="小牛知识库" /></iframe></code></pre><h2 id="ipdtib">流媒体 <video>/<audio>/<object>/<embed></h2><p>媒体也是比较复杂的格式，处理起来比较麻烦。通常我们可以这样做：</p><ul><li>为视听媒体提供相应的文本，包括相应的场景，比如演讲中的鼓掌等有利有阅读者感知现在气氛的，都应该体现在演讲文本中。其他的依此类推。</li><li>如果像交响乐这种不能提供具体描述的，可以进行简单的说明</li><li>如果文本较长，不能在当前页面展示，可以在媒体后提供一个链接到相应替代文本的链接</li><li>如果媒体中有可能会引起癫痫发作的，应做相应的说明</li></ul><pre><code class="lang-markup"><audio src="mozart.mp4">莫扎特39号交响曲</audio></code></pre><h2 id="mihkty">网页标题 <title></h2><p>网页中一定要包含标题，并且每个标签应该具有辨识性。比如支付宝中是这样体现的：</p><p><a><img src="https://imgs.xnip.cn/cj/docimg/158/6eba1df9-8529-4b32-9aa7-7e8207468a90.jpg" alt="" width="500" height="285" /></a></p><pre><code class="lang-markup"><title>联系我 - 文件博客</title></code></pre><h2 id="olpgrx">最后总结</h2><p>WCAG 并不只是这些简单的 HTML Tags 的用法，语义化的网页也不是一两篇文章能够写完的。慢慢来吧。从最常见的做起，养成好的习惯，你就能成为非常牛叉的人。</p></div>
                                        </div>
                                    </div>
                                </div>
                            </main>
                            <div data-v-zd="" class="copyright">
                                <div data-v-zd="" class="content">
                                    <div data-v-zd="" class="item">
                                        <span data-v-zd="">免责声明：</span>
                                        <span data-v-zd="">以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。</span>
                                    </div>
                                </div>
                            </div>
                            <footer class="vcft" data-v-g="" data-v-i="">
                                <div class="edit-info" data-v-i="">
                                    <div class="edit-link" data-v-i="">
                                        <a class="vpk link edit-link-button" href="/fankui.html?type=2&id=112931" target="_blank" rel="noreferrer" data-v-i="" data-v-e="">
                                            <span class="edit-link-icon" data-v-i=""></span>不妥之处，敬请雅正
                                        </a>
                                    </div>
                                    <div class="last-updated" data-v-i="">
                                        <p class="VPLastUpdated" data-v-i="" data-v-j="">最后更新:
                                            <time data-v-j="">2023-12-01</time>
                                        </p>
                                    </div>
                                </div>
                                <div class="prev-next" data-v-i="">
                                    <div class="pager" data-v-i="">
                                        <a class="pager-link" href="/shouce/1995/112930.html" data-v-i="" title="HTML 通用约定">
                                            <span class="desc" data-v-i="">上一篇</span>
                                            <span class="title" data-v-i="">HTML 通用约定</span>
                                        </a>
                                    </div>
                                    <div class="has-prev pager" data-v-i="">
                                        <a class="pager-link" href="/shouce/1995/112932.html" data-v-i="" title="HTML HEAD">
                                            <span class="desc" data-v-i="">下一篇</span>
                                            <span class="title" data-v-i="">HTML HEAD</span>
                                        </a>
                                    </div>
                                </div>
                                <div class="card-content-v">
                                    <h2 class="card-item-h2-v">类似资料</h2>
                                    <ul class="items">
                                        <li class="item-main">
                                            <div class="item-c-main">
                                                <div class="item-t-main">
                                                    <a href="/shouce/555/42932.html" class="t-f" title="前端规范">前端规范</a>
                                                </div>
                                                <p class="item-c-main">前端规范 目的 旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范，以下规范是团队基本约定的内容，必须严格遵循。 HTML 规范 基于 W3C 等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面 HTML 代码更具语义性。 图片规范 了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等，旨在从图片层面优化页面性能。 CSS 规范、命</p>
                                            </div>
                                        </li>
                                        <li class="item-main">
                                            <div class="item-c-main">
                                                <div class="item-t-main">
                                                    <a href="/shouce/555/42933.html" class="t-f" title="HTML 规范">HTML 规范</a>
                                                </div>
                                                <p class="item-c-main">代码规范 团队约定 为了能让浏览器更好的解析代码以及能让代码具有更好的可读性，有如下约定： 所有具有开始标签和结束标签的元素都要写上起止标签，某些允许省略开始标签或和束标签的元素亦都要写上。 空元素标签都不加 “/” 字符 空元素：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr </p>
                                            </div>
                                        </li>
                                        <li class="item-main">
                                            <div class="item-c-main">
                                                <div class="item-t-main">
                                                    <a href="/shouce/301/" class="t-f" title="前端开发规范">前端开发规范</a>
                                                </div>
                                                <p class="item-c-main">此文档主要实现的目标：代码一致性和最佳实践。通过代码风格的一致性，降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践，确保页面性能得到最佳优化和高效的代码。</p>
                                            </div>
                                        </li>
                                        <li class="item-main">
                                            <div class="item-c-main">
                                                <div class="item-t-main">
                                                    <a href="/shouce/907/62116.html" class="t-f" title="MIP HTML 规范">MIP HTML 规范</a>
                                                </div>
                                                <p class="item-c-main">MIP 规范是高性能 MIP 页面的保证，其中最重要的规范是：MIP HTML 规范。按照页面功能区域划分，MIP HTML 规范主要分为以下列出的若干类型。 头部使用规范 下面简要列出MIP页头部的使用规范。头部是MIP页的声明、配置信息、资源引入的主要区域。 页面起始标签使用 <!DOCTYPE html>。 <html> 标签必写且唯一，同时必须存在 mip 属性，即：<html mip> </p>
                                            </div>
                                        </li>
                                        <li class="item-main">
                                            <div class="item-c-main">
                                                <div class="item-t-main">
                                                    <a href="/shouce/1422/85768.html" class="t-f" title="HTML编码规范">HTML编码规范</a>
                                                </div>
                                                <p class="item-c-main">1 前言 HTML 是超文本标记语言。本文档的目标是使 HTML 代码风格保持一致，容易被理解和被维护。 HTML 语言掌握情况测试，基础教程 2 代码风格 2.1 缩进与换行 [强制] 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。 示例： <ul>     <li>first</li>     <li>second</li> </ul> [建议] 每行不得超过 1</p>
                                            </div>
                                        </li>
                                        <li class="item-main">
                                            <div class="item-c-main">
                                                <div class="item-t-main">
                                                    <a href="/shouce/575/44158.html" class="t-f" title="HTML 规范指南">HTML 规范指南</a>
                                                </div>
                                                <p class="item-c-main">1 代码风格 1.1 缩进 【强制】使用 2 个空格作为一个缩进层级，不允许使用 4 个空格或 tab 字符； 2 属性 2.1 属性引号 【强制】对于属性的定义使用双引号，不允许使用单引号，不允许不使用引号； 示例： <!-- Not so great -->
<img class='avatar' src="./img/avatar.png" alt='avatar'>

<!-- Bette</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="card-content-v">
                                    <h2 class="card-item-h2-v">相关阅读</h2>
                                    <a href="/shouce/1782/100601.html" target="_blank" title="语法规范" class="card-item-v list-item-dot">语法规范</a><a href="/shouce/1995/" target="_blank" title="前端开发规范手册" class="card-item-v list-item-dot">前端开发规范手册</a><a href="/shouce/476/" target="_blank" title="前端 PHP Java 规范手册" class="card-item-v list-item-dot">前端 PHP Java 规范手册</a><a href="/jiaocheng/bootstrap/12811.html" target="_blank" title="Bootstrap HTML编码规范" class="card-item-v list-item-dot">Bootstrap HTML编码规范</a><a href="/jiaocheng/html/12619.html" target="_blank" title="HTML(5) 代码规范" class="card-item-v list-item-dot">HTML(5) 代码规范</a><a href="/shouce/1422/85769.html" target="_blank" title="HTML编码规范 - HEAD" class="card-item-v list-item-dot">HTML编码规范 - HEAD</a><a href="/shouce/1988/112823.html" target="_blank" title="HTML(5) 代码规范" class="card-item-v list-item-dot">HTML(5) 代码规范</a><a href="/shouce/797/" target="_blank" title="PHP 语言规范" class="card-item-v list-item-dot">PHP 语言规范</a><a href="/shouce/1111/72113.html" target="_blank" title="Javascript 语言规范" class="card-item-v list-item-dot">Javascript 语言规范</a><a href="/shouce/1111/72098.html" target="_blank" title="Python 语言规范" class="card-item-v list-item-dot">Python 语言规范</a><a href="/shouce/575/" target="_blank" title="YY UED 前端规范指南系列" class="card-item-v list-item-dot">YY UED 前端规范指南系列</a><a href="/tiku/128145.html" target="_blank" title="有Python语言规范吗？" class="card-item-v list-item-dot">有Python语言规范吗？</a><a href="/wenda/293924.html" target="_blank" title="Salesforce的APEX语言规范" class="card-item-v list-item-dot">Salesforce的APEX语言规范</a><a href="/wenda/392337.html" target="_blank" title="关于前端git提交规范的探讨？" class="card-item-v list-item-dot">关于前端git提交规范的探讨？</a><a href="/shouce/623/46719.html" target="_blank" title="2.4 HTML 语义（Semantics）" class="card-item-v list-item-dot">2.4 HTML 语义（Semantics）</a><a href="/wenda/244713.html" target="_blank" title="Java类文件规范语句" class="card-item-v list-item-dot">Java类文件规范语句</a><a href="/shouce/933/63592.html" target="_blank" title="9. 完整的语法规范" class="card-item-v list-item-dot">9. 完整的语法规范</a><a href="/shouce/971/66065.html" target="_blank" title="Tea-语法规范-精华版" class="card-item-v list-item-dot">Tea-语法规范-精华版</a><a href="/shouce/429/34766.html" target="_blank" title="技能语音交互规范" class="card-item-v list-item-dot">技能语音交互规范</a><a href="/shouce/2005/113488.html" target="_blank" title="规范" class="card-item-v list-item-dot">规范</a><a href="/shouce/642/48015.html" target="_blank" title="规范" class="card-item-v list-item-dot">规范</a><a href="/shouce/1488/88092.html" target="_blank" title="Gradle插件规范 - 语言插件" class="card-item-v list-item-dot">Gradle插件规范 - 语言插件</a><a href="/shouce/1527/89938.html" target="_blank" title="06 Python 的基本语法规范" class="card-item-v list-item-dot">06 Python 的基本语法规范</a><a href="/shouce/907/62121.html" target="_blank" title="自定义样式使用规范" class="card-item-v list-item-dot">自定义样式使用规范</a><a href="/wenda/332610.html" target="_blank" title="将Swagger规范JSON转换为HTML文档" class="card-item-v list-item-dot">将Swagger规范JSON转换为HTML文档</a><a href="/tiku/191026.html" target="_blank" title="说说你对html的嵌套规范的理解，都有哪些规范呢？" class="card-item-v list-item-dot">说说你对html的嵌套规范的理解，都有哪些规范呢？</a><a href="/shouce/1452/86613.html" target="_blank" title="写作规范和格式规范" class="card-item-v list-item-dot">写作规范和格式规范</a><a href="/jiaocheng/dbms/14777.html" target="_blank" title="DBMS规范化" class="card-item-v list-item-dot">DBMS规范化</a><a href="/tiku/87747.html" target="_blank" title="规范化Unicode" class="card-item-v list-item-dot">规范化Unicode</a><a href="/tiku/252971.html" target="_blank" title="Java：XML规范化" class="card-item-v list-item-dot">Java：XML规范化</a><a href="/shouce/1050/69656.html" target="_blank" title="非规范化" class="card-item-v list-item-dot">非规范化</a><a href="/wenda/337981.html" target="_blank" title="实例规范化与批处理规范化" class="card-item-v list-item-dot">实例规范化与批处理规范化</a>
                                </div>
                                <div class="card-content-v">
                                    <h2 class="card-item-h2-v">开发工具</h2>
                                    <a href="/ruanjian/26578.html" target="_blank" title="ECMAScript6 编码规范" class="card-item-v-gj list-item-dot">ECMAScript6 编码规范</a><a href="/ruanjian/22300.html" target="_blank" title="自定义不规则TabBar" class="card-item-v-gj list-item-dot">自定义不规则TabBar</a><a href="/ruanjian/26166.html" target="_blank" title="前端日报" class="card-item-v-gj list-item-dot">前端日报</a><a href="/ruanjian/37241.html" target="_blank" title="AKjs.Mobile 移动端前端UI框架" class="card-item-v-gj list-item-dot">AKjs.Mobile 移动端前端UI框架</a><a href="/ruanjian/68260.html" target="_blank" title="html" class="card-item-v-gj list-item-dot">html</a><a href="/ruanjian/18746.html" target="_blank" title="HTML Purifier" class="card-item-v-gj list-item-dot">HTML Purifier</a><a href="/ruanjian/37042.html" target="_blank" title="HTML Tidy" class="card-item-v-gj list-item-dot">HTML Tidy</a><a href="/ruanjian/16020.html" target="_blank" title="Requests-HTML" class="card-item-v-gj list-item-dot">Requests-HTML</a><a href="/ruanjian/33328.html" target="_blank" title="HTML Preview" class="card-item-v-gj list-item-dot">HTML Preview</a><a href="/ruanjian/33256.html" target="_blank" title="athena-html" class="card-item-v-gj list-item-dot">athena-html</a><a href="/ruanjian/28901.html" target="_blank" title="HTML KickStart" class="card-item-v-gj list-item-dot">HTML KickStart</a><a href="/ruanjian/107261.html" target="_blank" title="mp-html" class="card-item-v-gj list-item-dot">mp-html</a><a href="/ruanjian/93680.html" target="_blank" title="HTML Truncator" class="card-item-v-gj list-item-dot">HTML Truncator</a><a href="/ruanjian/87614.html" target="_blank" title="HTML-Pipeline" class="card-item-v-gj list-item-dot">HTML-Pipeline</a><a href="/ruanjian/75268.html" target="_blank" title="HTML-GL" class="card-item-v-gj list-item-dot">HTML-GL</a><a href="/ruanjian/65829.html" target="_blank" title="html-textview" class="card-item-v-gj list-item-dot">html-textview</a><a href="/ruanjian/56241.html" target="_blank" title="html-sketchapp" class="card-item-v-gj list-item-dot">html-sketchapp</a><a href="/ruanjian/47828.html" target="_blank" title="HTML Inspector" class="card-item-v-gj list-item-dot">HTML Inspector</a>
                                </div>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer v-footer">
            <span>@小牛知识库 xnip.cn </span>
        </div>
    </div>
</div>
</body>
<script src="https://imgs.xnip.cn/highlight/highlight.min.js"></script>
<script src="https://imgs.xnip.cn/highlight/clipboard.min.js"></script>
<script src="https://imgs.xnip.cn/last.js"></script>
<script type="text/javascript">
    var id = 112931;
    $id('xbaid').scrollTop = $id('id_' + id).offsetTop - 300;
</script>
</html>