# html 规范
- 属性使用双引号
<img class="zoom-custom-imgs" class="img" alt="图片" data-index="1" />
- 语义化标签
<header>头部</header>
<nav>导航栏</nav>
<section>块</section>
<footer>尾部</footer>
- 单标签自闭合
<input type="text" />
<custom-tag />
- 自定义标签名，横杠
-划分
<user-list></user-list>
img需要写alt
<img class="zoom-custom-imgs" class="img" alt="图片" data-index="1" />
html标签的lang属性统一用zh-cmn-Hans，简体中文
<html lang='zh-cmn-Hans'>
HTML lang 参考文章 (opens new window)
meta设置
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="keywords" content="壁虎, 壁虎科技">
<meta name="description" content="壁虎科技打造的专业票据交易工具。">
- 元素层级换行并用两个空格缩进
<setion>
<div>
<span></span>
</div>
</setion>
- 操作符号前后加空格
<div>
{ data.num }
</div>
v-for处加上key
<div v-for="" :key=""></div>
