WEB前端规范命名的介绍

头部 header —————-用于头部
主要内容 main ————用于主体内容(中部)
左侧 main-left ————-左侧布局
右侧 main-right ———–右侧布局

外套 wrap ——————用于最外层

导航条 nav —————–网页菜单导航条
内容 content —————用于网页中部主体
底部 footer —————–用于底部

网页公共命名:#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打印

以上就是WEB前端规范命名的介绍的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2910867.html

(0)
上一篇 2025年3月11日 04:36:54
下一篇 2025年3月8日 00:33:49

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue全分析–Vue+Vue-router+Vuex+axios

    vue有多优秀搭配全家桶做项目有多好之类的咱就不谈了,直奔主题。 一、Vue   系列一已经用vue-cli搭建了Vue项目,此处就不赘述了。 二、Vue-router   Vue的路由,先献上文档()。 立即学习“前端免费学习笔记(深入)…

    2025年3月11日 编程技术
    200
  • 前端实现连连看小游戏实例代码

    博主玩了这么久的连连看,居然是第一次发现,连连看最多只能有2个转弯。orz… 在网上搜索连连看的连线算法判断,并没有找到很全面的,经过自己摸索之后,画了下面的图(图有点丑……)   一. 2个物体在同一直线上,可以直接连通 (这个不需要解释…

    2025年3月11日 编程技术
    200
  • 前端性能优化的方法?

    前端性能优化的方法? content方面 1,减少HTTP请求:合并文件、CSS精灵、inline Image 2,减少DNS查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法:DNS缓存、将资源分布到恰当数量的主机名,平衡…

    编程技术 2025年3月11日
    200
  • spring WebSocket的详细介绍

    场景 websocket是Html5新增加特性之一,目的是浏览器与服务端建立全双工的通信方式,解决http请求-响应带来过多的资源消耗,同时对特殊场景应用提供了全新的实现方式,比如聊天、股票交易、游戏等对对实时性要求较高的行业领域。 背景 …

    编程技术 2025年3月11日
    200
  • 分享webpack实例教程

    webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 安装 Webpack 在安装 Webpack 前,你本地环境需要支持 node.js。 由于 npm 安装速…

    2025年3月11日 编程技术
    200
  • 认识HTML5的WebSocket

    认识html5的websocket 在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从…

    编程技术 2025年3月11日
    200
  • Web页面跳转并取值的方法指导

    这篇文章主要介绍了web前端页面跳转并取到值,就是从a页面跳转到b页面,并将b页面的值取到赋到a页面上显示,具体实现方法,大家参考下本文 记录一下 (从A页面跳转到B页面,并将B页面的值取到赋到A页面上显示) 先来举一个栗子;) 这个是A页…

    2025年3月11日
    400
  • HTML5和原生app如何进行交互?

    本篇文章给大家带来的内容是关于html5和原生app如何进行交互?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 h5与原生 app 交互的原理 现在移动端 web 应用,很多时候都需要与原生 app 进行交互、沟通(运行在…

    2025年3月11日
    200
  • 什么是前端和后端

    什么是前端和后端?前端和后端哪个好?相信很多小白都会有这样的的问题,下面我们就来讲解一下前端和后端的区别是什么? 什么是前端和后端? 网站前端是对网页静态页面的设计,通俗的来说,就是我们肉眼能看的到的东西,当我们浏览网站的时候所看到的页面上…

    2025年3月11日
    200
  • HTML5中五种存储方式的介绍

    本篇文章给大家带来的内容是关于html5中五种存储方式的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。…

    2025年3月11日
    200

发表回复

登录后才能评论