1. 首页
  2. 国内

html代码怎么学

写html代码怎么命名才能简单明了?感谢邀请,HTML代码,通常来说,包含:1、元素标签代码,即body,div,p,a,input等等;2、css代码;3、JS代码。三者都有各自的命名规范。根据不同的企业习惯,规范

写html代码怎么命名才能简单明了?

  • 感谢邀请,HTML代码,通常来说,包含:1、元素标签代码,即body,div,p,a,input等等;2、css代码;3、JS代码。三者都有各自的命名规范。根据不同的企业习惯,规范也不一样。不过,一般而言。简单明了肯定是所有开发命名中的重要考虑点。列举一些常用的CSS标准化设计命名:
  • 1、类class的命名规范示例
  • 头: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的命名规范示例
  • (1)页面结构
  •   容器: container
  •   页头:header
  •   内容:content/container
  •   页面主体:main
  •   页尾:footer
  •   导航:nav
  •   侧栏:sidebar
  •   栏目:column
  •   页面外围控制整体布局宽度:wrappe
  • 左右中:left right center
  • (2)导航
  •   导航:nav
  •   主导航:mainbav
  •   子导航:subnav
  •   顶导航:topnav
  •   边导航:sidebar
  •   左导航:leftsidebar
  •   右导航:rightsidebar
  •   菜单:menu
  •   子菜单:submenu
  •   标题: title
  •   摘要: summary 
  •  (3)功能
  •   标志: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
  • 4、类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、CSS文件命名示例
  •   主要的 master.css
  •   模块 module.css
  •   基本共用 base.css
  •   布局,版面 layout.css
  •   主题 themes.css
  •   专栏 columns.css
  •   文字 font.css
  •   表单 forms.css
  •   补丁 mend.css
  •   打印 print.css6、注意事项
  •   (1)一律小写;
  •   (2)尽量用英文;
  •   (3)不加中杠和下划线;
  •   (4)尽量不缩写,除非一看就明白的单词。

JS的命名规范,不同习惯会略有不同,类似于Java命名规范,就不列举了。

代码应该怎么学?

题主问题比较笼统,我用四个反问来回答题主的问题


  • 代码是一个什么东西?
  • 代码是怎么在机器上运行?
  • 代码是怎么去编写?
  • 怎么去学习敲代码?


代码是一个什么东西?

代码其实就是你告诉机器做什么的说明书。就好比你买了台扫地机器人,你依据使用说明书一步一步按照说明使用。代码同理,将代码输入计算机转机器理解的方式,它会一行一行去读,边读边执行你想要他做的事情。



代码是怎么在机器上运行?

其实人们写出的代码某种程度上是高级语言,就是和口语有些接近。但是,机器并不能去理解高级语言,机器只能理解01。因此我们要利用工具-编译器,其实就是翻译器,将高级语言翻译成机器理解的01。当然现在很多编程语言是将高级语言编译低级语言,再将低级语言解释成机器理解的01。这样你的代码就能在机器上运转了。



代码怎么去编写?

写代码其实和你用word编写文章一样,利用关键词去编写你的逻辑。而且你要利用各种工具去验证机器是否能正确执行你的逻辑。像基本for while do if else等等关键词,去拼凑你的逻辑



就好比上面的代码,它会执行一万次,直到爱你一万年❤️❤️

怎么去学习编程呢?

编程需要逻辑性,例如流程图。如果你是大学生可以先从计算机原理开始,然后接触C语言。如果觉得C语言太难了,接触下JavaScript语言。其实学哪门编程语言都一样,但最重要是要理解什么是函数,什么是变量,什么是作用域。

因此你想学习计算机编程可以看看大学计算机专业开设哪些课程,虽然有些跟不上时代,基础知识是万年不变。

为什么我一再强调基础知识,你连个冒泡算法都不会说自己是搞编程的

本文来自投稿,不代表本站立场,如若转载,请注明出处。