html页面规范相关知识
-
WEB前端之HTML 规范摘要优秀的项目源码，即使是多人开发，看代码也如出一人之手。统一的编码规范，可使代码更易于阅读，易于理解，易于维护HTML 规范缩进统一两个空格缩进命名规范class 应以功能或内容命名，不以表现形式命名；class 与 id 单词字母小写，多个单词组成时，采用中划线-分隔；使用唯一的 id 作为 Javascript hook, 同时避免创建无样式信息的 class；DOCTYPE 声明HTML 文件必须加上 DOCTYPE 声明，并统一使用 HTML5 的文档声明：<!DOCTYPE html>meta 标签统一使用 “UTF-8” 编码<meta charset="utf-8">SEO 优化<!-- 页面关键词 --><meta name ="keywords" content =""/><!-- 页面描述 --><meta name ="description&quo
-
谷歌 HTML/CSS 规范原文链接：http://www.codeceo.com/article/google-html-css-style-guide.html背景这篇文章定义了 HTML 和 CSS 的格式和代码规范，旨在提高代码质量和协作效率。通用样式规范协议省略图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL，好处是无论你是使用 HTTPS 还是 HTTP 访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。<!-- Not recommended --><script src="https://www.google.com/js/gweb/analytics/autotrack.js"></script><!-- Recommended --><scr
-
Web前端开发规范规范概述目的为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档，特制订此文档。本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发。本文档如有不对或者不合适的地方请及时提出，经讨论决定后方可更改。准则符合web标准，语义化html，结构表现行为分离，兼容性优良。页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度。文件规范基本要求对页面中标签属性的值都需要用双引号包括起来所有页面编码均采用utf-8文件存放与命名规范html，css，js，images文件均归档至《系统开发规范》约定的目录中；html文件命名：英文命名，后缀.htm，同时将对应界面稿放于同目录中,并要求与html文件同名，以方便后端添加功能时查找对应页面；css文件命名：英文命名，后缀.css，共用base.css，首页index.css，其他页面依实际模块需求命名；js文件命名：英文命名，后缀.js，共用common.js，其他依实际模块需求命名。html书写规范文档类型声明
-
WEB前端开发规范文档规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档.本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度.文件规范1. html, css, js, images文件均归档至约定的目录中;2. html文件命名: 英文命名, 后缀.html. 同时将对应界面稿放于同目录中, 若界面稿命名为中文, 请重命名与html文件同名, 以方便后端添加功能时查找对应页面;3. css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.;4. Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名.html书写规范1. 文档类型
html页面规范相关课程
html页面规范相关教程
- 代码规范 每个团队、每个人都有自己的代码规范。规范的代码可以让整个项目的编码风格更统一。一个项目的代码规范涉及许多方面：是否该用分号结尾可否使用位运算符能不能写行 if 语句是否必须要用函数声明的形式创建函数…在没有工具检测的情况下，统一多人项目的编码风格是一件比较困难的事情，每次提交代码都需要详细的 review 每一行代码，因为这些规范点都非常细。好在目前的前端生态有许多工具帮我们解决这个问题。代码是否符合规范，就是要对代码进行检查。对 JavaScript 代码的检查，目前使用最多最广的是 ESLint。
- 1.1 J2ee 规范 在我们软件开发的早期，每个公司都是独立的开发自己的软件系统，但是各个系统是有相同的功能的，比如大部分的软件都是要存储数据，后来有了各种数据库，J2ee 给这种数据库连接制定了 Jdbc 规范，Mysql 和 Oracle 这种数据库提供商都是遵从这个规范来实现的，如果我们的代码也是遵从这个标准，那我们的系统假如要从Mysql 换到 Oracle 也是很方便的，不用大量重构代码。除此之外还有大量公用的功能，比如发送邮件等，于是有了建立在 Java 平台的企业级应用解决方案的规范。下面是 Java 官网展示的 J2ee 协议。J2ee规范Tomcat 版本介绍图：从 Tomcat 版本的介绍图，我们可以了解到，Tomcat 主要实现了如下 J2ee 规范：ServletJspElWebsocketJaspic而且这其中的一些在有些低版本也是没有的，像常见的 Websocket 协议，需要 Tomcat7.x 以上的版本才有，如果你需要用到此功能，就要选择好对的版本。
- 2. CommonJS 规范 在维基百科中是这样定义 CommonJS 的：CommonJS 是一个项目，其目标是为 JavaScript 在网页浏览器之外创建模块约定。创建这个项目的主要原因是当时缺乏普遍可接受形式的 JavaScript 脚本模块单元，模块在与运行 JavaScript 脚本的常规网页浏览器所提供的不同的环境下可以重复使用JavaScript 语言在很长一段时间是没有模块化的概念的，直到 Node.js 的诞生后，让 JavaScript 有能力编写服务端语言，对操作系统、网络、文件系统等等的复杂业务场景，使用模块化就是不可或缺。这样也把模块化的概念带到了前端，而这时的客户端的功能也很复杂，急需一种可以拆分代码模块方便管理代码的一种模式。最终在社区的推动下 ES6 给出了 JavaScript 模块化的规范。在 Node 模块中，CommonJS 规定每个文件就是一个模块，有它自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。CommonJS 规定每个模块内部，module 变量代表当前模块。这个变量是一个对象，它的 exports 属性（即 module.exports）是对外的接口。加载某个模块，其实是加载该模块的 module.exports 属性。
- 1. Django 开发规范 对于 Django 的开发规范，我个人的总结如下：正式开始基于 Django 的 Web 服务项目之前，需要完成相应的需求和接口设计， 而不要冒冒然直接开写；工程需要有完整的文档介绍 、服务部署脚本（start、stop） 等等，让这个项目至少看起来高大上和完整；完善的版本迭代机制，每个版本的需求说明、bug 更新文档以及相应的版本号。这些初始的规范在其他 Web 项目开发中也是合适的，最重要也是最难的一件事情就是坚持做好上面这些，同时坚持良好的代码规范。
- 4. 注释书写规范 在 Sass 中书写注释首先要记住，要根据情况来选择你使用上面哪种注释方式，其余的一些注释规范不同的团队可能有不同的标准，遵循你的团队的代码规范即可。如果没有的话你可以遵照 CSS 的注释规范，同时我们的项目中不允许使用 /*! */ 的方式注释，因为我们要确保压缩版的 CSS 中是不包含任何注释的！我这里写出一些我们的注释书写规范：注释不允许嵌套两条注释间使用换行分隔函数必须编写注释来写明函数的作用、入参和出参mixin 必须编写注释写明作用公共变量必须编写注释写明作用公共样式必须编写注释写明作用用于继承的文件必须编写注释写明使用场景如有某些代码需要在后期修改或优化，需要编写注释，其注释中的内容需要以 TODO 开头有除了上面这些规范我们还要求在每个文件的头部注释当前文件的创建时间、作者和对于当前文件内容的描述，就如同下面这样：/** Auth: ElvisYang* Date: Mar 22 2018* Desc: This is common scss*/.edit-price { .label { width: 125px; text-align: right; }}上面这种方式可以让别人打开文件就清楚的看见文件的一个描述和作者，所以这个也纳入了我们的注释规范中，这种注释你可以通过设置你的 IDE 来自动生成。
- 3.6 开发前端页面 在 resource/templates 下分别新建 goods.html 和 myerror.html 页面，作为正常访问及发生异常时跳转的视图页面。实例：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>goods.html页面</title></head><body> <div>商品信息页面</div></body></html>实例：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>myerror.html页面</title></head><body> 错误码： <span th:text="${code}"></span> 错误信息： <span th:text="${message}"></span></body></html>
html页面规范相关搜索
-
h1
h6
hack
hadoop
halt
hana
handler
hanging
hash
hashtable
haskell
hatch
hbase
hbuilder
hdfs
head
header
header php
headers
headerstyle