HTML文件模版规范
2024-06-24 本文已影响0人
东方三篇
本文件旨在梳理html文件的不同端的模板样式。仅供参考，具体情况要安装具体的项目来定，还有脚手架生成的index.html文件不做考虑。
1. Web端模板
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="your keywords">
<meta name="description" content="your description">
<meta name="author" content="author,email address">
<meta name="robots" content="index,follow">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="renderer" content="ie-stand">
<title>PC端HTML模版</title>
<!-- 引用其他css或者js文件开始 -->
<!--引用其他css或者js文件开始 -->
</head>
<body>
</body>
</html>
2. 移动端H5模版
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
<meta name="format-detection" content="telephone=no">
<title>移动端HTML模版</title>
<!-- 引用其他css或者js文件开始 -->
<!--引用其他css或者js文件开始 -->
</head>
<body>
</body>
</html>
3. 代码缩进规范
-
缩进规范; 使用 Tab 缩进 2 个空格。
-
元素嵌套规范。块级元素独立一行，内联原始参考具体情况。
<div> <h1></h1> <p></p> </div> <p><span></span><span></span></p> <h1><span></span></h1> <p><span></span><span></span></p> -
vue组件调用， 组件作为行内块形式调用。使用单标签或者双标签不做限制。
<div> <my-component /> <base-component></base-component> </div> -
Visual Studio Code 编辑器快速生成模版。快速生成模版详情。
