精华内容
下载资源
问答
  • html命名规范

    2020-06-13 15:41:02
    html命名规范命名规范 header 头部 menu菜单栏 banner导航栏 show显示 不能使用拼音 或汉语 不能使用数字开头命名 可以用下划线或横杠命名 ,一般用来拼两个名字 命名的两种方式 class类命名:指代一类用法 可以使用...

    html命名规范

    命名规范

    header 头部 menu菜单栏 banner导航栏 show显示
    不能使用拼音 或汉语
    不能使用数字开头命名
    可以用下划线或横杠命名 ,一般用来拼两个名字
    命名的两种方式
    class类命名:指代一类用法
    可以使用多个类命名
    id命名
    具有唯一性

    企业命名规范

    标题: title

    摘要: summary

    箭头: arrow

    商标: label

    网站标志: logo

    转角/圆角: corner

    横幅广告: banner

    子菜单: subMenu

    搜索: search

    搜索框: searchBox

    登录: login

    登录条:loginbar

    工具条: toolbar

    下拉: drop

    标签页: tab

    当前的: current

    列表: list

    滚动: scroll

    服务: service

    提示信息: msg

    热点:hot

    新闻: news

    小技巧: tips

    下载: download

    栏目标题: title

    热点: hot

    加入: joinus

    注册: regsiter

    指南: guide

    友情链接: friendlink

    状态: status

    版权: copyright

    按钮: btn

    合作伙伴: partner

    投票: vote

    左/右/中:left/right/center

    简介:profiles

    评论:comment

    ID命名

    (1)页面结构

    容器: container

    页头:header

    内容:content/container

    页面主体:main

    页尾:footer

    导航:nav

    侧栏:sidebar

    栏目:column

    页面外围控制整体布局宽度:wrapper

    左右中:left right center

    (2)导航

    主导航:mainbav

    子导航:subnav

    顶导航:topnav

    边导航:sidebar

    左导航:leftsidebar

    右导航:rightsidebar

    菜单:menu

    子菜单:submenu

    (3)功能

    标志:logo

    广告:banner

    登陆:login

    注册:regsiter

    搜索:search

    功能区:shop

    标题:title

    加入:joinus

    状态:status

    按钮:btn

    滚动:scroll

    标签页:tab

    文章列表:list

    提示信息:msg

    当前的: current

    小技巧:tips

    图标: icon

    注释:note

    指南:guild

    服务:service

    新闻:news

    下载:download

    投票:vote

    合作伙伴:partner

    友情链接:link

    版权:copyright

    class命名

    (1)颜色:使用颜色的名称或者16进制代码,如:

    .red { color: red; }

    .f60 { color: #f60; }

    .ff8600 { color: #ff8600; }

    (2)字体大小,直接使用"font+字体大小"作为名称,如:

    .font12px { font-size: 12px; }

    .font9pt {font-size: 9pt; }

    (3)对齐样式,使用对齐目标的英文名称,如:

    .left { float:left; }

    .bottom { float:bottom; }

    (4)标题栏样式,使用"类别+功能"的方式命名,如:

    .barnews { }

    .barproduct { }
    (5)图标库的引用
    1.字体图标的颜色
    i { color:#ddd; }
    2.字体图标的大小
    i { font-size:20px; }
    3.字体图标的位置
    i { transform-translateY(30%); }

    标签嵌套遵循的规则

    p dt h标签 里面不能嵌套块属性标签
    a标签不能嵌套a标签
    块级元素可以包含内联或某些块级标签
    行内元素可以嵌套行内元素 特殊:a标签不能嵌套a标签
    初级选择器
    *通配符选择器 选择到所有的标签
    标签选择器 选择到所对应的tag标签
    类选择器 (class) 选择到.class所对应的类
    id选择器 选择到id命名的元素
    后代选择器 之间是空格 是选择到tag1里面的子元素tag2
    div.p 是选择到是div标签 他的名字是p
    标签要语义化

    背景属性

    background-image 背景图片 会覆盖背景颜色
    background-repeat 背景平铺 background-repeat:repeat-x 水平方向平铺 repeat-y 垂直方向平铺
    background-color 背景颜色
    background-position 背景定位 方位值
    x水平方向: left center right
    %
    px距离上边
    y垂直方向: top bottom center
    %距离左边
    px
    background-size 背景图片的大小 只给一个值 第二个会默认auto
    x:px %
    y: px contain 等比例缩放x轴和y轴 直到接触到边缘为止
    背景图片综合写法 color image repeat position /size cover 按照盒子最大边等比例缩放
    background-attachment:fixed

    展开全文
  • html 命名规则

    千次阅读 2018-04-06 23:05:56
    命名规则项目命名全部采用小写方式, 以下划线分隔。例:my_project_name目录命名参照项目命名规则;有复数结构时,要采用复数命名法。例:scripts, styles, images, data_modelsEJS、JS文件命名原则实现同一页面的...

    命名规则

    项目命名

    全部采用小写方式, 以下划线分隔。
    例:my_project_name

    目录命名

    参照项目命名规则;
    有复数结构时,要采用复数命名法。
    例:scripts, styles, images, data_models

    EJS、JS文件命名原则

    实现同一页面的EJS、JS应当使用相同的命名,以建立明了的对应关系。
    例:error_report.ejs 对应 error_report.js

    JS文件命名

    参照项目命名规则。
    例:account_model.js

    CSS文件命名

    参照项目命名规则。
    例:retina_sprites.css

    HTML、EJS文件命名

    参照项目命名规则。
    例:error_report.ejs

    HTML(注意重要说明)

    重要说明
    H5开发人员请不要改变HTML、EJS文件,如需改变请联系重构进行修改。

    语法

    缩进使用soft tab(4个空格);
    嵌套的节点应该缩进;
    在属性上,使用双引号,不要使用单引号;
    属性名全小写,用中划线做分隔符,要在js文件中使用的属性名以“js-”开头;
    特殊代码块要有特定标识,如模板id应包含“Tpl”字段
    自定义属性要加data-,如"data-code";
    不要在自动闭合标签结尾处使用斜线;
    不要忽略可选的关闭标签,例:</li>
    和 </body>

    HTML5 doctype、lang、字符编码(由header引入)

    在页面开头使用这个简单地doctype来启用标准模式,DOCTYPE 需要大写;
    应在html标签上加上lang属性。
    字符编码通常指定为'UTF-8'

    引入CSS, JS

    一般在HTML中不需要H5开发人员加入样式,样式由重构提供统一的css。如H5开发过程中需加入样式,请在头部通过 <style> ... </style>引入
    通常在引入CSS和JS时不需要指明 type
    ,因为 text/css
    和 text/javascript
    分别是他们的默认值。

    属性顺序

    属性应该按照特定的顺序出现以保证易读性;

    class
    id
    name
    data-*
    src
    , for
    , type
    , href
    , value
     , max-length
    , max
    , min
    , pattern
    placeholder
    , title
    , alt
    aria-*
    , role
    required
    , readonly
    , disabled
    

    class是为高可复用组件设计的,所以应处在第一位;
    id更加具体且应该尽量少使用,所以将它放在第二位。

    JS生成标签
    在JS文件中生成标签让内容变得更难查找,更难编辑,性能更差。应该尽量避免这种情况的出现。

    JavaScript

    缩进

    使用soft tab(4个空格)。

    分号

    以下几种情况后需加分号:
    变量声明
    表达式
    return
    throw
    break
    continue
    do-while

    空格

    以下几种情况不需要空格:
    对象的属性名后
    前缀一元运算符后
    后缀一元运算符前
    函数调用括号前
    无论是函数声明还是函数表达式,'('前不要空格
    数组的'['后和']'前
    对象的'{'后和'}'前
    运算符'('后和')'前

    以下几种情况需要空格:

    二元运算符前后
    三元运算符'?:'前后
    代码块'{'前
    下列关键字前:else
    , while
    , catch
    , finally

    下列关键字后:if

    , else
    , for
    , while
    , do
    , switch
    , case
    , try
    , catch
    , finally
    , with
    , return
    , typeof

    单行注释'//'后(若单行注释和代码同行,则'//'前也需要),多行注释'*'后
    对象的属性值前
    for循环,分号后留有一个空格,前置条件如果有多个,逗号后留一个空格
    无论是函数声明还是函数表达式,'{'前一定要有空格
    函数的参数之间

    空行

    以下几种情况需要空行:
    变量声明后(当变量声明在代码块的最后一行时,则无需空行)
    注释前(当注释在代码块的第一行时,则无需空行)
    代码块后(在函数调用、数组、对象中则无需空行)
    文件最后保留一个空行

    换行

    换行的地方,行末必须有','或者运算符;
    以下几种情况不需要换行:
    下列关键字后:else
    , catch
    , finally

    代码块'{'前

    以下几种情况需要换行:
    代码块'{'后和'}'前
    变量赋值后

    单行注释

    双斜线后,必须跟一个空格;
    缩进与下一行代码保持一致;
    可位于一个代码行的末尾,与代码间隔一个空格。

    多行注释

    最少三行, '*'后跟一个空格,具体参照右边的写法;
    建议在以下情况下使用:
    难于理解的代码段
    可能存在错误的代码段
    浏览器特殊的HACK代码
    业务逻辑强相关的代码

    文档注释

    各类标签@param, @method等;
    建议在以下情况下使用:
    所有常量
    所有函数
    所有类

    引号

    最外层统一使用单引号。

    变量命名

    标准变量采用驼峰式命名(除了对象的属性外,主要是考虑到cgi返回的数据)
    'ID'在变量名中全大写
    'URL'在变量名中全大写
    'Android'在变量名中大写第一个字母
    'iOS'在变量名中小写第一个,大写后两个字母
    常量全大写,用下划线连接
    构造函数,大写第一个字母
    jquery对象必须以'$'开头命名

    变量声明

    一个函数作用域中所有的变量声明尽量提到函数首部,用一个var声明,不允许出现两个连续的var声明。

    函数

    无论是函数声明还是函数表达式,'('前不要空格,但'{'前一定要有空格;
    函数调用括号前不需要空格;
    立即执行函数外必须包一层括号;
    不要给inline function命名;
    参数之间用', '分隔,注意逗号后有一个空格。

    数组、对象

    对象属性名不需要加引号;
    对象以缩进的形式书写,不要写在一行;
    数组、对象最后不要有逗号。

    括号

    下列关键字后必须有大括号(即使代码块的内容只有一行):if
    , else
    , for
    , while
    , do
    , switch
    , try
    , catch
    , finally
    , with

    null

    适用场景:
    初始化一个将来可能被赋值为对象的变量
    与已经初始化的变量做比较
    作为一个参数为对象的函数的调用传参
    作为一个返回对象的函数的返回值

    不适用场景:

    不要用null来判断函数调用时有无传参
    不要与未初始化的变量做比较

    undefined

    永远不要直接使用undefined进行变量判断;
    使用typeof和字符串'undefined'对变量进行判断。

    jshint

    用'===', '!=='代替'==', '!=';
    for-in里一定要有hasOwnProperty的判断;
    不要在内置对象的原型上添加方法,如Array, Date;
    不要在内层作用域的代码里声明了变量,之后却访问到了外层作用域的同名变量;
    变量不要先使用后声明;
    不要在一句代码中单单使用构造函数,记得将其赋值给某个变量;
    不要在同个作用域下声明同名变量;
    不要在一些不需要的地方加括号,例:delete(a.b);
    不要使用未声明的变量(全局变量需要加到.jshintrc文件的globals属性里面);
    不要声明了变量却不使用;
    不要在应该做比较的地方做赋值;
    debugger不要出现在提交的代码里;
    数组中不要存在空元素;
    不要在循环内部声明函数;
    不要像这样使用构造函数,例:new function () { ... }
    , new Object

    杂项

    不要混用tab和space;
    不要在一处使用多个tab或space;
    换行符统一用'LF';
    对上下文this的引用只能使用'_this', 'that', 'self'其中一个来命名;
    行尾不要有空白字符;
    switch的falling through和no default的情况一定要有注释特别说明;
    不允许有空的代码块。



    作者:榴莲哥
    链接:https://www.jianshu.com/p/6cd958f09f26
    來源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
    展开全文
  • HTML 命名规范说明

    千次阅读 2018-05-04 14:12:49
    一、命名规则说明: - TOP1)、所有的命名最好都小写2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3)、每个标签都要有开始和结束,且要有...
    一、命名规则说明:   -   TOP
    1 )、所有的命名最好都小写
    2 )、属性的值一定要用双引号 ("") 括起来,且一定要有值如 class="divcss5",id="divcss5"
    3 )、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整
    4 )、空元素要有结束的 tag 或于开始的 tag 后加上 "/"
    5 )、表现与结构完全分离,代码中不涉及任何的表现元素,如 style font bgColor border
    6 )、 <h1> <h5> 的定义,应遵循从大到小的原则,体现文档的结构,并有利于搜索引擎的查询。
    7 )、给每一个表格和表单加上一个唯一的、结构标记 id
    8 )、给图片加上 alt 标签
    9 )、尽量使用英文命名原则
    10 )、尽量不缩写,除非一看就明白的单词
    DIVCSS5 给大家介绍常见 CSS 命名和 DIV CSS 命名方法。
    二、相对网页外层重要部分 CSS 样式命名:   -   TOP
    外套 wrap ------------------ 用于最外层
    头部 header ---------------- 用于头部
    主要内容 main ------------ 用于主体内容(中部)
    左侧 main-left ------------- 左侧布局
    右侧 main-right ----------- 右侧布局
    导航条 nav ----------------- 网页菜单导航条
    内容 content --------------- 用于网页中部主体
    底部 footer ----------------- 用于底部
    三、 DIV+CSS 命名参考表:   -   TOP
    以下为 CSS 样式命名与 CSS文件 命名参考表, DIV CSS 命名集合:
    CSS 样式命名
    说明
    网页公共命名
    #wrapper
    页面外围控制整体布局宽度
    #container #content
    容器 , 用于最外层
    #layout
    布局
    #head, #header
    页头部分
    #foot, #footer
    页脚部分
    #nav
    主导航
    #subnav
    二级导航
    #menu
    菜单
    #submenu
    子菜单
    #sideBar
    侧栏
    #sidebar_a, #sidebar_b
    左边栏或右边栏
    #main
    页面主体
    #tag
    标签
    #msg #message
    提示信息
    #tips
    小技巧
    #vote
    投票
    #friendlink
    友情连接
    #title
    标题
    #summary
    摘要
    #loginbar
    登录条
    #searchInput
    搜索输入框
    #hot
    热门热点
    #search
    搜索
    #search_output
    搜索输出和搜索结果相似
    #searchBar
    搜索条
    #search_results
    搜索结果
    #copyright
    版权信息
    #branding
    商标
    #logo
    网站 LOGO 标志
    #siteinfo
    网站信息
    #siteinfoLegal
    法律声明
    #siteinfoCredits
    信誉
    #joinus
    加入我们
    #partner
    合作伙伴
    #service
    服务
    #regsiter
    注册
    arr/arrow
    箭头
    #guild
    指南
    #sitemap
    网站地图
    #list
    列表
    #homepage
    首页
    #subpage
    二级页面子页面
    #tool, #toolbar
    工具条
    #drop
    下拉
    #dorpmenu
    下拉菜单
    #status
    状态
    #scroll
    滚动
    .tab
    标签页
    .left .right .center
    居左、中、右
    .news
    新闻
    .download
    下载
    .banner
    广告条 ( 顶部广告条 )
    电子贸易相关
    .products
    产品
    .products_prices
    产品价格
    .products_description
    产品描述
    .products_review
    产品评论
    .editor_review
    编辑评论
    .news_release
    最新产品
    .publisher
    生产商
    .screenshot
    缩略图
    .faqs
    常见问题
    .keyword
    关键词
    .blog
    博客
    .forum
    论坛
    CSS 文件命名
    说明
    master.css,style.css
    主要的
    module.css
    模块
    base.css
    基本共用
    layout.css
    布局,版面
    themes.css
    主题
    columns.css
    专栏
    font.css
    文字、字体
    forms.css
    表单
    mend.css
    补丁
    print.css
    打印
    CSS 命名其它说明 :
    DIV+CSS 命名小结 :无论是使用 “.” (小写句号)选择符号开头命名,还是使用 “#”( 井号 ) 选择符号开头命名都无所谓,但我们最好遵循, 主要的 重要的 特殊的 最外层的 盒子用 “#”( 井号 ) 选择符号开头命名,其它都用 “.” (小写句号)选择符号开头命名,同时考虑命名的 CSS选择器 HTML 中重复使用调用。
    通常我们最常用主要命名有: wrap (外套、最外层)、 header (页眉、头部)、 nav( 导航条 ) menu( 菜单 ) title( 栏目标题、一般配合 h1\h2\h3\h4 标签使用 )
    content ( 内容区 ) footer( 页脚、底部 ) logo (标志、可以配合 h1 标签使用)、 banner (广告条,一般在顶部)、 copyRight (版权)。其它可根据自己需要选择性使用。
    DIVCSS5 建议: 主要的、重要的、最外层的盒子用 “#”( 井号 ) 选择符号开头命名,其它都用 “.” (小写句号)选择符号开头命名。
    2. CSS样式 文件命名如下

    主要的 master.css
    布局,版面 layout.css
    专栏 columns.css
    文字 font.css
    打印样式 print.css
    主题 themes.css
    四、英文命名技巧:   -   TOP
    如果遇到不常用的,可以借助翻译工具进行翻译取其英文命名。
    推荐使用谷歌在线翻译工具: http://translate.google.cn/

    五 DIV命名
    站点:site
    首页:homepage
    导航:nav
    布局:layout
    搜索:search
    网页头部:head/header
    二级页面/ 子页面:subpage     subContent
    登录条:loginbar  toolbar
    侧栏:side/sidebar
    广告:banner
    子导航:subnav
    当前位置导航面包屑导航:crumb
    菜单:menu
    子菜单:submenu
    滚动:scroll
    下拉:drop
    表单:form
    箭头:arr/arrow
    下拉菜单:dropmenu
    主题/ 外观:theme
    页面主体:main
    内容:content
    标签页:tab
    列表:list
    工具条:tool/toolbar
    转角/ 圆角:cor/corner
    提示信息:msg
    小技巧:tips
    标题:title
    特别的:speciscal
    资源:source
    加入:join-department
    指南:guild
    服务:service
    热点:hot   news_hot
    新闻:news
    下载:download
    注册:regsiter
    状态:status
    按钮:btn
    投票:vote
    关于我们:aboutus
    网站地图:sitemap
    合作伙伴:partner
    友情链接:friendlink
    网页底部:foot/footer
    版权:copyright
    提交:submit
    搜索框:searchbox
    文本框:textbox
    统计:count
    以上结构就可以组合使用,例如:左列标题lefttitle ;底部导航footernav
     
      规范不是说要所有人照一个样子来命名css ,我们可以根据自己的需要定制命名规则,只要记住命名的规则,就可以根据网站本身的特点来创造具有自己风格的命名方式。
      一、目前网页设计者用得较多的是基于软件开中变量的命名方式的命名方法。如对于一组用于定义字体样式的class ,我们可以使用f foot 的头字母为前缀进行命名,如:
      f-blue: 表示蓝色字体样式
      f-blod: 表示粗体字体样式
    对于网页中如新闻频道的一些新闻的现实样式,可以用n 作为前缀进行样式设计,如:
      n-title: 新闻标题
      n-list: 新闻列表
      二、我们还可以将代表各个部分的名字组合起来使用,如 ,对于上面的例子,我们可以这样命名:
    fontBlue: 表示蓝色字体样式
    newsTitle: 表示新闻列表
      这样的命名方式同样清晰明了,为大多网页设计师所接受,只不过要特别注意大小写的区分,css 中是区别大小写的.开始时容易出错,多加注意便可.
      按照这样的一些命名方式,我们可以非常明确的知道css 中的每一个class 的用途,便于使用和设计、维护。
    想一想,你要想出很多名字来命名css 也很麻烦的,是吧?
     
    ————————- 另外一个规范——————-
     
    1.CSS ID 的命名
    外 套:  wrap/container
    主导航:  main_nav
    子导航:  subnav
    页 脚:  footet
    整个页面: content
    页 眉:  header
    页 脚:  footer
    商 标:  label
    标 题:  title
    主导航:  mainbav globalnav
    顶导航:  topnav
    边导航:  sidebar
    左导航:  leftsidebar
    右导航:  rightsidebar
    旗 志:  logo
    标 语:  banner
    菜单内容1 menu1 content
    菜单容量: menu container
    子菜单:  submenu
    边导航图标:sidebarIcon
    注释:   note
    面包屑:  breadcrumb( 即页面所处位置导航提示)
    容器:   container
    内容:   content
    搜索:   search
    登陆:   Login
    功能区:  shop( 如购物车,收银台)
    当前的   current
     
    2. 另外在编辑样式表时可用的注释可这样写:
    <– Footer –>
    内容区
    <– End Footer –>
     
    3. 样式文件命名
    主要的 master.css  
    布局,版面 layout.css
    专栏 columns.css
    文字 font.css
    打印样式 print.css
    主题 themes.css
    展开全文
  • 04-html命名规范

    2018-05-31 23:05:39
    html命名规范命名规范见名知义header 头部 menu菜单栏 banner导航栏 show显示不要用拼音 或汉语不准数字开头命名可以用下划线或横杠命名 ,一般用来拼两个名字命名的两种方式class类命名:指代一类用法可以使用多...

    html的命名规范

    命名规范

    1. 见名知义
    • header 头部 menu菜单栏 banner导航栏 show显示
    1. 不要用拼音 或汉语
    2. 不准数字开头命名
    3. 可以用下划线或横杠命名 ,一般用来拼两个名字

    命名的两种方式

    1. class类命名:指代一类用法
    2. 可以使用多个类命名
    3. id命名
    • 具有唯一性

    企业命名规范

    标题: title

    摘要: summary

    箭头: arrow

    商标: label

    网站标志: logo

    转角/圆角: corner

    横幅广告: banner

    子菜单: subMenu

    搜索: search

    搜索框: searchBox

    登录: login

    登录条:loginbar

    工具条: toolbar

    下拉: drop

    标签页: tab

    当前的: current

    列表: list

    滚动: scroll

    服务: service

    提示信息: msg

    热点:hot

    新闻: news

    小技巧: tips

    下载: download

    栏目标题: title

    热点: hot

    加入: joinus

    注册: regsiter

    指南: guide

    友情链接: friendlink

    状态: status

    版权: copyright

    按钮: btn

    合作伙伴: partner

    投票: vote

    左/右/中:left/right/center

    简介:profiles

    评论:comment

    ID命名

    (1)页面结构

    容器: container

    页头:header

    内容:content/container

    页面主体:main

    页尾:footer

    导航:nav

    侧栏:sidebar

    栏目:column

    页面外围控制整体布局宽度:wrapper

    左右中:left right center

    (2)导航

    主导航:mainbav

    子导航:subnav

    顶导航:topnav

    边导航:sidebar

    左导航:leftsidebar

    右导航:rightsidebar

    菜单:menu

    子菜单:submenu

    (3)功能

    标志:logo

    广告:banner

    登陆:login

    注册:regsiter

    搜索:search

    功能区:shop

    标题:title

    加入:joinus

    状态:status

    按钮:btn

    滚动:scroll

    标签页:tab

    文章列表:list

    提示信息:msg

    当前的: current

    小技巧:tips

    图标: icon

    注释:note

    指南:guild

    服务:service

    新闻:news

    下载:download

    投票:vote

    合作伙伴:partner

    友情链接:link

    版权:copyright

    class命名

    (1)颜色:使用颜色的名称或者16进制代码,如:

    .red { color: red; }

    .f60 { color: #f60; }

    .ff8600 { color: #ff8600; }

    (2)字体大小,直接使用"font+字体大小"作为名称,如:

    .font12px { font-size: 12px; }

    .font9pt {font-size: 9pt; }

    (3)对齐样式,使用对齐目标的英文名称,如:

    .left { float:left; }

    .bottom { float:bottom; }

    (4)标题栏样式,使用"类别+功能"的方式命名,如:

    .barnews { }

    .barproduct { }

    标签嵌套遵循的规则

    1. p dt h标签 里面不能嵌套块属性标签
    2. a标签不能嵌套a标签
    3. 块级元素可以包含内联或某些块级标签
    4. 行内元素可以嵌套行内元素 特殊:a标签不能嵌套a标签

    初级选择器

    1. *通配符选择器 选择到所有的标签
    2. 标签选择器 选择到所对应的tag标签
    3. 类选择器 (class) 选择到.class所对应的类
    4. id选择器 选择到id命名的元素
    5. 后代选择器 之间是空格 是选择到tag1里面的子元素tag2
    6. div.p 是选择到是div标签 他的名字是p

    标签的语义化

    有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取,你网站的推广便可以省下不少的功夫。

    背景属性

    1. background-image 背景图片 会覆盖背景颜色
    2. background-repeat 背景平铺 background-repeat:repeat-x 水平方向平铺 repeat-y 垂直方向平铺
    3. background-color 背景颜色
    4. background-position 背景定位 方位值
    • x水平方向: left center right
    • %
    • px距离上边
    • y垂直方向: top bottom center
    • %距离左边
    • px
    1. background-size 背景图片的大小 只给一个值 第二个会默认auto
    • x:px %
    • y: px contain 等比例缩放x轴和y轴 直到接触到边缘为止
    • 背景图片综合写法 color image repeat position /size cover 按照盒子最大边等比例缩放
    1. background-attachment:fixed
    展开全文
  • HTML命名规范说明

    2019-08-01 12:10:46
    一、命名规则说明: - TOP 1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5" 3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 ...
  • CSS、HTML命名规则.txt

    2016-01-09 21:01:47
    详细讲述网页前端命名规则,多年前段实战经验和技巧,更好地帮助初级学习者更快的提高前端设计效率。
  • 一、命名规则说明: - TOP1)、所有的命名最好都小写2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整4)、空元素...
  • jsp或html命名规范

    千次阅读 2015-04-08 22:24:00
    (1)jsp与html文件名全部小写  (2)数据/内容显示页  名称形词,多个单词用下划线分隔,要求能说明显示内容的信息,为避免冲突,可加上“_... (4)名称最好从访问大刀小命名(或者是模块名_子模块名_操作的方式
  • 1.文件名称命名规则 统一用小写的英文字母、数字和下划线,不得包含汉字空格和特殊符号 2.索引文件命名 一般用index为名字 如index.html index.jsp 3.各子页面的命名规则 统一用翻译的英文或拼音或简化的拼音,...
  • Jsp /html命名规范

    千次阅读 2007-08-22 14:34:00
    Jsp /html命名规范葛志春 对于本项目JSP/html命名请采用如下规范:实体名 + 功能类型后缀。其中实体名采用:业务对应术语(term),每个业务术语可由1个或多个单词构成。每一个单词首字母大写,其他字母小写。 当...
  • java、jsp、html命名规范和定义

    千次阅读 2013-06-30 23:27:35
    java命名规范:  类名首字母一定定义为大写;多个单词,也用大写单词:如DemoProduct.java 或者 Demo_Product.java  页面命名首字母小写,建议全部采用小写。如:product_list.jsp 或者productList.jsp (多个...
  • 匈牙利命名法匈牙利命名法匈牙利命名法是电脑程序设计中的一种变量命名规则,此命名法又可细分为:系统匈牙利命名法和匈牙利应用命名法。匈牙利命名法具备语言独立的特性,并且首次在BCPL语言中被大量使用。由于BCPL...
  • HTML命名规范

    2020-11-20 15:28:22
    HTML命名规范 页头:top 登录条:loginbar 标志:logo 侧栏:sidebar 广告:banner 导航:nav 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 滚动:scroll 页面主体:main 内容:...
  • 1、采用英文字母、数字以及“-”和“_”命名。 2、以小写字母开头,不能以数字和“-”、“_”开头。 3、命名形式:单字,连字符,下划线和驼峰。 4、使用有意义命名。 其中(3)、(4)条规定主要是便于编程者...
  • div css命名规范 css class命名规则(符合SEO规范)发布时间:2013-03-22 16:30:39 作者:佚名 我要评论代码的优化是搜索引擎优化(seo)中一个很关键的步骤,为了符合SEO的规范,本文整理了一下目前流行的CSS+DIV的命名...
  • HTML文件命名规范大全

    万次阅读 2019-10-23 17:27:05
    3:命名规则:是团队成员可以看懂自己的代码,自己也方便查找并修改 xxx.hml文件的命名 1:主页面: index.html 2: 子页面,首页: home.html 我的: mine.html 关于我们: abutus.html 信息反馈 feedback 产品:product...
  • HTML 前端命名规则

    2019-04-03 16:11:04
    一、命名规范: 1、基本要求: 1)文件编码统一使用 UTF-8 编码; 2)命名时以符合语义为主要参考指标,CSS属性书写规范,采用统一风格及命名方法; 3)结构清晰,层级关系明朗,以不超过三级为标准; 4)同一表现...
  • html前端命名规则

    2018-07-23 17:16:08
    一、命名规范: 1、基本要求: 1)文件编码统一使用 UTF-8 编码;  2)命名时以符合语义为主要参考指标,CSS属性书写规范,采用统一风格及命名方法;  3)结构清晰,层级关系明朗,以不超过三级为标准;  4)...
  • Html标签命名规范

    千次阅读 2019-02-23 23:25:57
    传统Html命名 ** 1.0 页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 左右中:left right center 页面外围控制...
  • html命名规范

    2019-07-14 07:06:32
    1,文件名称命名规则 统一使用,小写的英文字母,数字和下划线和减号的组合,不得包含汉字空格和特殊符号 原则是,方便理解和方便查找 2,首页面的命名 统一使用index,例如index.html index.css index.js 3,子页面...
  • HTML文档命名规则

    千次阅读 2019-03-30 18:31:00
    HTML文档是展示Web前段开发工程师成果的最好表示方式,为了便于文档规范化管理,在编写HTML文档时,必须遵循HTML文件命名规则HTML文档命名规则如下: (1)文档的扩展名为htm或者html,建议统一用html。 (2)...
  • HTML & CSS命名规范

    2014-01-08 15:57:43
    HTML CSS 前端命名规范,docx
  • 变量的命名规则和命名规范 1. 规则: 你必须遵守, 不然报错 1-1. 一个变量只能由 数字(0-9), 字母(a-zA-Z), 美元符($), 划线下(_) 组成 1-2. 一个变量不能由 数字 开头 1-3. 再 JS 中严格区分大小写 => num ...
  • HTML + CSS 命名规范
  • HTML和CSS命名规范

    2018-11-05 14:13:16
    所以,有一个规范命名规则是很重要的. 所有的命名最好都小写 属性的值一定要用双引号(&amp;quot;&amp;quot;)括起来,且一定要有值 每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 空元素要...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 296,262
精华内容 118,504
关键字:

html命名规则