• 前端页面代码规范总结


    不允许省略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")(便于区分和写样式)
    多个页面的公共部分,起类名要特殊化,避免重复;
    最好及时删除没用的代码;(不很确定的可以注释先)
  • 相关阅读:
    redis 误删dump.rdb 解决方案
    Redis 初级应用
    .net core 依赖注入
    Android 基础总结
    hander用法笔记
    百万条数据快速查询优化技巧参考(优化并不是绝对,具体得根据业务实际情况)
    网站收藏
    自定义MVC HtmlHelpe之分页
    asp.net 页面请求原理
    Two Sum
  • 原文地址:https://www.cnblogs.com/Julia-Yuan/p/7944555.html
Copyright © 2020-2023  润新知