美文网首页
WEB端HTML规范及模板

WEB端HTML规范及模板

作者: 不懂小彬 | 来源:发表于2017-12-28 14:14 被阅读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里的相应版本,保持版本一致性

相关文章

  • WEB端HTML规范及模板

    我们会从以下几个方面进行规范化: 点:html标签、css属性、js语法 线:由HTML+css+js 开发的组件...

  • 服务端渲染SSR

    php .net传统web客户端发送一次请求 服务端返回html模板 su友好 SPA:单页应用 vue reac...

  • PC客户端设计,产品经理需要知道的那些点

    自互联网产品设计行业诞生以来,出现了很多平台设计规范和组件模板,但大多是移动端(iOS/Android)和Web端...

  • Thymeleaf入门

    Thymeleaf介绍 Thymeleaf是Web和独立环境的现代服务器端Java模板引擎,能够处理HTML,XM...

  • Thymeleaf 笔记

    一、概述 1、Thymeleaf 是 Web 和独立环境的现代服务器端 Java 模板引擎,能够处理HTML,XM...

  • 《HTML5个人网站模板源代码》分享

    模板介绍 该模板为纯HTML模板,不包含任何服务器端code,模板中只有首页index.html一个页面,PC端和...

  • 什么是Thymeleaf

    Thymeleaf是一个适用于Web和独立环境的现代服务器端Java模板引擎,能够处理HTML,XML,JavaS...

  • web端及移动端原型设计规范

    好久没更新过自己的简书了,入行产品岗算下来也有一年的时间了,接下来是总结一年中实际技巧。 第一次绘制原型图的时候觉...

  • web sql database学习总结

    Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范。它通过一套API来操纵客户端的数据库...

  • 利用WebSQL实现增删改查

    Web SQL数据库API实际上不是HTML5规范的组成部分,而是单独的规范。它通过一套API来操纵客户端的数据库...

网友评论

      本文标题:WEB端HTML规范及模板

      本文链接:https://www.haomeiwen.com/subject/taxvgxtx.html