美文网首页html
给HTMl标签加样式时候的命名

给HTMl标签加样式时候的命名

作者: 小飞侠zzr | 来源:发表于2017-11-24 20:54 被阅读0次
  1. 命名规则
  1. 主体结构
    头:header
    内容:content/container
    尾:footer
    导航:nav
    侧栏:sidebar
    栏目:column
    页面外围控制整体布局宽度:wrapper
    左右中:left right center
    登录条:loginbar
    标志:logo
    广告:banner
    页面主体:main
    热点:hot
    新闻:news
    下载:download
    子导航:subnav
    菜单:menu
    子菜单:submenu
    搜索:search
    友情链接:friendlink
    页脚:footer
    版权:copyright
    滚动:scroll
    内容:content
    标签页:tab
    文章列表:list
    提示信息:msg
    小技巧:tips
    栏目标题:title
    加入:joinus
    指南:guild
    服务:service
    注册:regsiter
    状态:status
    投票:vote
    合作伙伴:partner
  2. 注释的写法
    /* Footer /
    内容区
    /
    End Footer */
  3. id的命名
    容器: container
    页头:header
    内容:content/container
    页面主体:main
    页尾:footer
    导航:nav
    侧栏:sidebar
    栏目:column
    页面外围控制整体布局宽度:wrapper
    左右中:left right center
  4. 导航
    导航:nav
    主导航:mainbav
    子导航:subnav
    顶导航:topnav
    边导航:sidebar
    左导航:leftsidebar
    右导航:rightsidebar
    菜单:menu
    子菜单:submenu
    标题:title
    摘要:summary
  5. 功能
    标志:logo
    广告:banner
    登陆:login
    登录条:loginbar
    注册:regsiter
    搜索:search
    功能区:shop
    标题:title
    加入:joinus
    状态:status
    按钮:btn
    滚动:scroll
    标签页:tab
    文章列表:list
    提示信息:msg
    当前的: current
    小技巧:tips
    图标: icon
    注释:note
    指南:guild
    服务:service
    热点:hot
    新闻:news
    下载:download
    投票:vote
    合作伙伴:partner
    友情链接:link
    版权:copyright\

相关文章

  • 给HTMl标签加样式时候的命名

    命名规则 主体结构头:header内容:content/container尾:footer导航:nav侧栏:sid...

  • 2018.03.14前端学习第三课笔记

    给元素加样式 <标签 属性名=“属性”> style标签添加样式,如下: 分离内容和样式、元素分类和命名 标签选择...

  • web前端小白练习案例-鼠标移入移出效果

    知识点:html标签,css样式(企业样式的活用),html加css布局思维,代码优化。特效原理(class类名活...

  • 四、样式的获取

    1、 修改标签的属性 js操作的是行内样式。 js里写样式的时候,遇到了复合样式,要使用驼峰命名。 2、驼峰命名 ...

  • HTML笔记-文字标签和注释标签

    HTML笔记-文字标签和注释标签 标签(空格分隔): HTML HTML中常用的标签 文字标签: 修改文字的样式 ...

  • 编码规范

    编码规范习惯: html标签命名依据功能或者标签在页面中的含义来明明;尽量不要用样式来明明元素; CSS中用两个空...

  • CSS层叠样式表--选择器

    CSS的作用:用来设置网页结构样式。通过css给html标签设置属性来达到改变标签样式。 选择器、盒子模型、浮动、...

  • 去掉html标签默认的样式

    前端同鞋在写ui给的页面过程中,有的场景可能会受html标签默认样式影响,所以有些时候需要去掉默认样式

  • HTML5样式、链接和表格

    内容概要 1.HTML样式2.HTML链接3.HTML表格 1.HTML样式 标签 :样式定义 :资源引用 属性r...

  • 前端Day - 01

    HTML 标签 单标签 换行符 标签对 常用标签对 注释 CSS 层叠样式表 标...

网友评论

    本文标题:给HTMl标签加样式时候的命名

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