Skip to content

Commit 9c54a0e

Browse files
kirklinkirklin
committed
fix(typography): wrap table rows with tbody to comply with HTML spec
1 parent 33476f5 commit 9c54a0e

File tree

1 file changed

+82
-79
lines changed
  • apps/admin/src/pages/design/typography

1 file changed

+82
-79
lines changed

‎apps/admin/src/pages/design/typography/index.vue‎

Lines changed: 82 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -390,7 +390,6 @@ defineOptions({
390390
<td>
391391
<section>
392392
<figure>
393-
<!-- <img src="./assets/orange.jpg" alt="" style="width: 200px;"> -->
394393
<figcaption>橘子</figcaption>
395394
</figure>
396395
</section>
@@ -403,18 +402,20 @@ defineOptions({
403402
<section>
404403
<table>
405404
<caption>当时的情形</caption>
406-
<tr>
407-
<th>角色</th>
408-
<th>物品</th>
409-
</tr>
410-
<tr>
411-
<td>父亲</td>
412-
<td>橘子</td>
413-
</tr>
414-
<tr>
415-
<td>我</td>
416-
<td>车票</td>
417-
</tr>
405+
<tbody>
406+
<tr>
407+
<th>角色</th>
408+
<th>物品</th>
409+
</tr>
410+
<tr>
411+
<td>父亲</td>
412+
<td>橘子</td>
413+
</tr>
414+
<tr>
415+
<td>我</td>
416+
<td>车票</td>
417+
</tr>
418+
</tbody>
418419
</table>
419420
</section>
420421
</td>
@@ -448,72 +449,74 @@ defineOptions({
448449
<section class="section">
449450
<table>
450451
<caption>常用标签样式示例表</caption>
451-
<tr>
452-
<th style="width: 72px;">
453-
类型
454-
</th>
455-
<th style="width: 320px;">
456-
标签
457-
</th>
458-
<th style="width: 240px;">
459-
效果
460-
</th>
461-
</tr>
462-
<tr>
463-
<td>链接</td>
464-
<td><code>&lt;a href=&quot;https://github.com/kirklin/unocss-preset-chinese&quot; title=&quot;赫蹏&quot;&gt;unocss-preset-chinese&lt;/a&gt;</code></td>
465-
<td><a href="https://github.com/kirklin/unocss-preset-chinese" title="unocss-preset-chinese">unocss-preset-chinese</a></td>
466-
</tr>
467-
<tr>
468-
<td>缩写</td>
469-
<td><code>&lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt;</code></td>
470-
<td><abbr title="Cascading Style Sheets">CSS</abbr></td>
471-
</tr>
472-
<tr>
473-
<td>代码</td>
474-
<td><code>&lt;code&gt;.chinese { star: 5; }&lt;/code&gt;</code></td>
475-
<td><code>.chinese { star: 5; }</code></td>
476-
</tr>
477-
<tr>
478-
<td>专名号</td>
479-
<td><code>此时来自&lt;u title=&quot;位于山东省聊城市阳谷县城东&quot;&gt;景阳冈&lt;/u&gt;的&lt;u&gt;武松&lt;/u&gt;大喝一声：&lt;q&gt;纳命来！&lt;/q&gt;</code></td>
480-
<td>此时来自<u title="位于山东省聊城市阳谷县城东">景阳冈</u>的<u>武松</u>大喝一声：<q>纳命来！</q></td>
481-
</tr>
482-
<tr>
483-
<td>文本变动</td>
484-
<td><code>我写错&lt;del datetime=&quot;17:00:00&quot;&gt;拉&lt;/del&gt;&lt;ins datetime=&quot;18:15:00&quot;&gt;啦&lt;/ins&gt;！</code></td>
485-
<td>我写错<del datetime="17:00:00">拉</del><ins datetime="18:15:00">啦</ins>！</td>
486-
</tr>
487-
<tr>
488-
<td>文本更新</td>
489-
<td><code>在陌生的城市里迷路，所以最后我们决定跟着&lt;s&gt;导航&lt;/s&gt;地图。</code></td>
490-
<td>在陌生的城市里迷路，所以最后我们决定跟着<s>导航</s>地图。</td>
491-
</tr>
492-
<tr>
493-
<td>引号</td>
494-
<td><code>她说：&lt;q&gt;嘿，你好。&lt;/q&gt;</code></td>
495-
<td>她说：<q>嘿，你好。</q></td>
496-
</tr>
497-
<tr>
498-
<td>术语</td>
499-
<td><code>在固定版面内，&lt;dfn&gt;排版&lt;/dfn&gt;(英语：Typesetting) 摆置各种不同类型的资料。</code></td>
500-
<td>在固定版面内，<dfn>排版</dfn>(英语：Typesetting) 摆置各种不同类型的资料。</td>
501-
</tr>
502-
<tr>
503-
<td>标记</td>
504-
<td><code>这个公式<mark>很重要</mark>，请记住。</code></td>
505-
<td>这个公式<mark>很重要</mark>，请记住。</td>
506-
</tr>
507-
<tr>
508-
<td>强调</td>
509-
<td><code>相信自己，<em>你可以做到</em>！</code></td>
510-
<td>相信自己，<em>你可以做到</em>！</td>
511-
</tr>
512-
<tr>
513-
<td>着重号</td>
514-
<td><code>我们<span class="chinese-em">绝不会</span>放弃。</code></td>
515-
<td>我们<span class="chinese-em">绝不会</span>放弃。</td>
516-
</tr>
452+
<tbody>
453+
<tr>
454+
<th style="width: 72px;">
455+
类型
456+
</th>
457+
<th style="width: 320px;">
458+
标签
459+
</th>
460+
<th style="width: 240px;">
461+
效果
462+
</th>
463+
</tr>
464+
<tr>
465+
<td>链接</td>
466+
<td><code>&lt;a href=&quot;https://github.com/kirklin/unocss-preset-chinese&quot; title=&quot;赫蹏&quot;&gt;unocss-preset-chinese&lt;/a&gt;</code></td>
467+
<td><a href="https://github.com/kirklin/unocss-preset-chinese" title="unocss-preset-chinese">unocss-preset-chinese</a></td>
468+
</tr>
469+
<tr>
470+
<td>缩写</td>
471+
<td><code>&lt;abbr title=&quot;Cascading Style Sheets&quot;&gt;CSS&lt;/abbr&gt;</code></td>
472+
<td><abbr title="Cascading Style Sheets">CSS</abbr></td>
473+
</tr>
474+
<tr>
475+
<td>代码</td>
476+
<td><code>&lt;code&gt;.chinese { star: 5; }&lt;/code&gt;</code></td>
477+
<td><code>.chinese { star: 5; }</code></td>
478+
</tr>
479+
<tr>
480+
<td>专名号</td>
481+
<td><code>此时来自&lt;u title=&quot;位于山东省聊城市阳谷县城东&quot;&gt;景阳冈&lt;/u&gt;的&lt;u&gt;武松&lt;/u&gt;大喝一声：&lt;q&gt;纳命来！&lt;/q&gt;</code></td>
482+
<td>此时来自<u title="位于山东省聊城市阳谷县城东">景阳冈</u>的<u>武松</u>大喝一声：<q>纳命来！</q></td>
483+
</tr>
484+
<tr>
485+
<td>文本变动</td>
486+
<td><code>我写错&lt;del datetime=&quot;17:00:00&quot;&gt;拉&lt;/del&gt;&lt;ins datetime=&quot;18:15:00&quot;&gt;啦&lt;/ins&gt;！</code></td>
487+
<td>我写错<del datetime="17:00:00">拉</del><ins datetime="18:15:00">啦</ins>！</td>
488+
</tr>
489+
<tr>
490+
<td>文本更新</td>
491+
<td><code>在陌生的城市里迷路，所以最后我们决定跟着&lt;s&gt;导航&lt;/s&gt;地图。</code></td>
492+
<td>在陌生的城市里迷路，所以最后我们决定跟着<s>导航</s>地图。</td>
493+
</tr>
494+
<tr>
495+
<td>引号</td>
496+
<td><code>她说：&lt;q&gt;嘿，你好。&lt;/q&gt;</code></td>
497+
<td>她说：<q>嘿，你好。</q></td>
498+
</tr>
499+
<tr>
500+
<td>术语</td>
501+
<td><code>在固定版面内，&lt;dfn&gt;排版&lt;/dfn&gt;(英语：Typesetting) 摆置各种不同类型的资料。</code></td>
502+
<td>在固定版面内，<dfn>排版</dfn>(英语：Typesetting) 摆置各种不同类型的资料。</td>
503+
</tr>
504+
<tr>
505+
<td>标记</td>
506+
<td><code>这个公式<mark>很重要</mark>，请记住。</code></td>
507+
<td>这个公式<mark>很重要</mark>，请记住。</td>
508+
</tr>
509+
<tr>
510+
<td>强调</td>
511+
<td><code>相信自己，<em>你可以做到</em>！</code></td>
512+
<td>相信自己，<em>你可以做到</em>！</td>
513+
</tr>
514+
<tr>
515+
<td>着重号</td>
516+
<td><code>我们<span class="chinese-em">绝不会</span>放弃。</code></td>
517+
<td>我们<span class="chinese-em">绝不会</span>放弃。</td>
518+
</tr>
519+
</tbody>
517520
</table>
518521
</section>
519522
</details>

0 commit comments

Comments
 (0)