mirror of
https://github.com/zh-google-styleguide/zh-google-styleguide.git
synced 2025-02-19 20:50:10 +08:00
52 lines
1.1 KiB
ReStructuredText
52 lines
1.1 KiB
ReStructuredText
|
HTML格式规则
|
|||
|
|
==============
|
|||
|
|
|
|||
|
|
常规格式化
|
|||
|
|
------------
|
|||
|
|
|
|||
|
|
对每个块、列表、表格元素都另起一行，每个子元素都缩进。
|
|||
|
|
|
|||
|
|
每个块元素、列表元素或表格元素另起一行，而不必考虑元素的样式（因CSS可以改变元素的 ``display`` 属性）。
|
|||
|
|
|
|||
|
|
同样的，如果他们是块、列表或者表格元素的子元素，则将之缩进。
|
|||
|
|
|
|||
|
|
（如果你遇到列表项之间有空白的问题，可以把所有 ``li`` 元素放到一行。Linter鼓励抛出警告而不是错误。）
|
|||
|
|
|
|||
|
|
.. code-block:: html
|
|||
|
|
|
|||
|
|
<blockquote>
|
|||
|
|
<p><em>Space</em>, the final frontier.</p>
|
|||
|
|
</blockquote>
|
|||
|
|
|
|||
|
|
<ul>
|
|||
|
|
<li>Moe
|
|||
|
|
<li>Larry
|
|||
|
|
<li>Curly
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<table>
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th scope="col">Income
|
|||
|
|
<th scope="col">Taxes
|
|||
|
|
<tbody>
|
|||
|
|
<tr>
|
|||
|
|
<td>$ 5.00
|
|||
|
|
<td>$ 4.50
|
|||
|
|
</table>
|
|||
|
|
|
|||
|
|
HTML引号
|
|||
|
|
-----------
|
|||
|
|
|
|||
|
|
当引用属性值时，使用双引号。
|
|||
|
|
|
|||
|
|
使用双引号而不是单引号来包裹属性值。
|
|||
|
|
|
|||
|
|
.. code-block:: html
|
|||
|
|
|
|||
|
|
<!-- 不推荐 -->
|
|||
|
|
<a class='maia-button maia-button-secondary'>Sign in</a>
|
|||
|
|
|
|||
|
|
<!-- 推荐 -->
|
|||
|
|
<a class="maia-button maia-button-secondary">Sign in</a>
|