zoukankan      html  css  js  c++  java
  • 前端页面代码规范总结

    不允许省略title keywords  description标签? mate标签?
    做网站前, 问好客户keywords description,这些标签(整套网站一般就一个) 
    利于客户询问  后台搭建  静态页面完整性    利于seo优化

    html标签上设置正确的lang??
     eg:lang-CN; lang-EN
     
     
    ----------------------------------------------------------------------------------------------------------
     
    兼容模式 代码必须写,不仅ie,更有其他、 if...全部都写上
    尽量不用id,插件除外
    属性给定顺序:class---data ---src--for/type/href--title/alt
    不允许在页面上写style标签 sctipt标签等页面内样式和js
     
    name属性不允许使用,除了checkbox radio,input也尽量不要用
    form标签 table标签不允许使用,除了插件
     
     
    插件必须放置在一个文件夹里,必须有demo演示文件拥有自己的代码库
    有利于别的前端分析代码看 利于自己再次使用;
    媒体查询必须在改样式附近
     
    多媒体元素添加替代属性 如图像增加alt
    保证favicon可以访问到
    颜色必须使用十六进制
    不允许为0制定单位:eg: height:0 是对的 0px不允许;
    不允许引入网络样式
     
     
    ===============================
     
    aa:
    每个页面有专属类名,eg(class="work-page")(便于区分和写样式)
    多个页面的公共部分,起类名要特殊化,避免重复;
    最好及时删除没用的代码;(不很确定的可以注释先)
  • 相关阅读:
    Java 端口转发
    Tomcat笔记
    RocketMQ开启ACL后客户端连接报Algorithm HmacSHA1 not available的解决方式
    RSA签名与验签
    小米9升级MIUI11
    【转】linux awk命令详解
    进程和线程
    Jenkins笔记
    【转】Jenkins启动、停止脚本
    UiAutomator源码分析
  • 原文地址:https://www.cnblogs.com/Julia-Yuan/p/7944555.html
Copyright © 2011-2022 走看看