WEB端HTML规范及模板

最新推荐文章于 2024-09-18 14:30:15 发布

不懂小小彬

最新推荐文章于 2024-09-18 14:30:15 发布

阅读量675

点赞数 1

分类专栏：前端文章标签： html web seo css

本文链接：https://blog.csdn.net/hf123lsk/article/details/70790408

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

我们会从以下几个方面进行规范化：

点：html标签、css属性、js语法
线：由HTML+css+js 开发的组件、模块
面：由组件组合起来的页面
体：由多个页面组合起来的网站系统

相关的规范后期会补充，请谨遵 “简单便捷，实用为主”的理念！

编写对SEO友好的文档

PC端模板

<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title>网站标题，控制在25个字、50个字节以内</title>
    <meta name="keywords" content="关键词,5个左右,单个8汉字以内">
    <meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！">
    <link rel="Bookmark" href="favicon.ico">
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="Lib/html5.js"></script>
    <script type="text/javascript" src="Lib/respond.min.js"></script>
    <script type="text/javascript" src="Lib/PIE_IE678.js"></script>
    <![endif]-->
    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <!--自己的样式-->
    <link href="css/index.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <header>网站头部</header>
    <div>内容部分</div>
    <footer>页脚</footer>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</body>

</html>

    所有的PC页面都必须严格依照以上模板
    所用到的公用的库、组件没有特殊情况以DEMO里的相应版本，保持版本一致性