H5语义标签和CSS文件命名规范

【命名规范】Web前端命名规范手册 千峰教育的web前端命名规范手册,仅供参考 阅读详情

一、在HTML5中的语义标签:

1、<thead></thead>:表示表格的头部

2、<tbody></tbody>:表示表格的主体

3、<header></header>:表示页面的头部

4、<nav></nav>:表示导航栏

5、<footer></footer>:表示页面或区域的底部

6、<article></article>:表示页面中独立的文档内容

7、<section></section>:用于对页面内容进行分块

8、<aside></aside>:表示页面的附属信息(侧边栏、广告等)

二、命名规范:

1、避免使用中文命名

2、不能以数字开头

3、不能占用关键字

4、用最少的字母达到最好理解的意义(见名知义)

5、驼峰式命名:除第一个单词之外,其他单词首字母大写

6、帕斯卡命名:每个单词之间用"_"连接

7、CSS文件的命名:

样式命名
主样式文件master.css
模块样式module.css
字体样式font.css
基本样式base.css
布局样式(版面)layout.css
表单样式forms.css
h5编码规范 前端开发代码规范化,有利于初学者养成良好的代码编写习惯。 立即下载

相关推荐

实战指南 | 快速修复Adobe Acrobat 2020安装过程中的常见注册表错误

本文提供了Adobe Acrobat 2020安装过程中遇到“无法打开键”注册表错误的详细修复指南。通过安全编辑注册表,精准定位并删除残留键值,可快速解决此常见安装报错,确保软件顺利安装。同时,文章也介绍了其他安装问题的应对策略与预防措施。

weixin_29200485的博客 560

html5页面命名,html命名规范

很多H5的初级学者对于标签的类名不知道如何去起,经常会出现用拼音或者a1、a2、这类很不规范的词语来命名,这样不但让其他人无法看懂你的代码还会让自己陷入混乱,在之后的修改过程中遇到很多棘手的问题。下面我就介绍一些关于H5的一些基本标签的名字:1.Css文件命名:模块:module.css 基本共用:base.css 布局、版面:la...

weixin_35964171的博客 2004

手把手教你用 Docker 构建自己的 CentOS 基础镜像

目录一、准备CentOS基础镜像二、撰写Dockerfile三、构建Docker镜像四、生成Docker容器 相信码农们经常会听说:虚拟机将成为历史,Docker才是未来 !!! 事实如此,现在大部分公司都在用 Docker 技术,想拥有自己的 Docker 专属镜像,那么 Dockerfile 就是入门,现在让我们一起来看一下 ------ 构建 Docker 镜像的全过程。 好文章 记得收藏...

Nick.Peng's Blogs 1万+

HTML5命名方式

是很重要的,在一个项目中代码的组织结构要清晰易懂,同类型文件可以归类到到相同的文件夹中,文件命名规则需要统一且命名要有意义,英文单词可以写缩写。掌握,首先要了解什么是命名规范。命名规范在前端领域,涉及HTML,css,JavaScript,在HTML代码所有的标签名和属性应该都为小写,属性值应该用引号括起来。元素的id和class都要按照规定命名,代码缩进时要缩进,进行格式化,让代码美观,有时可以给HTML代码添加必要注解。

weixin_62319675的博客 536

Win11 24H2家庭版共享打印机失败?别慌,一个批处理脚本搞定所有设置

本文提供了Win11 24H2家庭版共享打印机失败的解决方案,通过一个批处理脚本自动修复所有设置问题。脚本包含安装组策略组件、修改关键注册表项等操作,帮助用户快速恢复打印机共享功能,适用于普通家庭用户。

weixin_30632089的博客 418

潜在图神经网络学习笔记(Latent Graph Neural Networks for Human Skeleton-based Action Recognition)

在本文中,我们从一个新的角度来解决这个问题,通过将非结构化的骨架数据映射到潜在空间,如图2所示,这里称为潜在特征空间或嵌入空间,其中一组项嵌入在一个流形中[ 1 ],并且在潜在空间中彼此更相似的项被放置在彼此更接近的位置。潜在空间中的位置可以被认为是由一组潜在变量定义的,这些潜在变量来源于对象的相似性。将骨架数据嵌入到流形中,消除了远近邻居之间的冗余依赖关系,以解决加权问题。得到具有多尺度聚合特征的稀疏图矩阵结构,以更好地理解骨骼关节的直接加权信息。

qq_45631885的博客 489

Html图片加载不出,中文名图片名称,文件名有误差

检查src属性指定的文件名是否正确,与文件夹是否完全一致(上面划横线处与下面jpg名称)。 一定要完全一致!!! 图片名称尽量用英文,以及超链接路径中尽量不要有中文,这是很不好的编程习惯,容易乱码。 采用中文命名文件名,不是一个好的习惯。solve:把中文进行utf-8编码 以后命名文件要习惯用英文哦!!! ...

danni_he的博客 2149

S32K314 EB配置MCAL全模块讲解【Autosar——1 MCU模块详解】持续更新中

FIRC(fast internal RC Oscillator) :高速内部时钟,固定48MHZ;SIRC(Slow Internal RC Oscillator):低速内部时钟,固定32KHZ;FXOSC(Fast Crystal Oscillator Digital Controller):高速外部晶振(8-40MHZ),根据原理图选型进行配置;SXOSC():外部低速外部时钟,固定输入32.768KHZ;PLL_PHIn_CLK:时钟倍频锁相环时钟范围(640-1280MHZ);

qq_40488886的博客 1779

前端开发规范

命名语义化,简明化 变量命名 首字母小写 驼峰式命名 myReact 函数命名 首字母小写 驼峰式命名 myReact = () = >{ } ①·设置变量的值 用 set 前缀 例如:setCount ②·获取变量的值 用 get 前缀 例如:getCount ③·判断是否为某个值 用 is 前缀 例如:isCount ④·新增方法 用 save 或者insert, ad...

u013790941的博客 159

Agentic AI为教育行业赋能,提示工程架构师解析应用潜力

然而,即便是最先进的 LLMs,在面对复杂、动态、需要持续规划和调整的教育场景时,也常常显得力不从心,它们更像是强大的“问答机器”,而非真正意义上的“学习伙伴”或“教学助手”。在教育场景中,传统的 AI 工具可能只能回答学生提出的特定问题,或者根据预设的规则推送一些学习材料。无论您是教育技术领域的开发者、产品经理,还是一线的教育工作者、教育管理者,抑或是对 AI 教育应用充满好奇的研究者,本文都将为您提供宝贵的 insights,助您把握 Agentic AI 时代教育创新的脉搏。

架构师的AI之路,分享AI应用开发架构的学习与实践。 466

软考「系统规划与管理师(第2版)」通关全攻略(2026年下半年)

它考的是一个IT管理者能不能用体系化的语言,把"我们为什么要建这个系统→怎么规划→怎么管好服务→怎么合规"讲圆。所以备考的核心策略也很明确——教材建框架 → 真题磨考点 → 案例练结构 → 论文备好真实项目素材 → 机考练打字。按计划走,不贪全、不盲刷、不死背,稳稳把三科都推过45分那条线。祝你通关 🎯。

软件行业技术文化交流。 3041

css_div 命名规范

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34259159的博客 145

文献综述三大痛点用AI轻松解决!借助Gemini 3 Pro搞定检索难、阅读慢、框架乱问题(附 AI 提示词)

4)“漏斗式”结构:先介绍宏观领域的研究现状,再缩小范围,聚焦于与你课题直接先关的子领域,深入探讨与你研究变量直接相关的文献, 指出前人没做过、没做全或结论有矛盾的地方,再顺势提出你的研究课题,这种结构逻辑最清晰,能直接引导读者发现你研究的必要性。想要有针对性的搜到相关文献,必须先把模糊的研究题目拆解成精准的检索语言,这个时候就需要建立一个关键词矩阵,如核心词、同义词、学术术语、上下位词,以及对应的英文表达。请围绕【我的研究主题/关键词】,检索近5年发表的高被引的中英文文献,优先选择顶刊综述/论文。

智能AI让学术科研更容易 277

css和js的命名规范

笔者在撸代码是也会遇到不知道给元素或变量起什么名字的问题,中文拼音太俗气,随便敲几个字母又影响代码的查读性。于是总结这些命名规范。有些资料来源于网络            一 .css命名规范       1.命名规则说明:    1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5" 3)

Webgongcheng的博客 7466

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

HTML和CSS命名规范

html/css命名规范: 有规范才能统一,才能更好的交流,命名不但要自己能看懂,还要别人也能很容易明白。所以,有一个规范的命名规则是很重要的. 所有的命名最好都小写 属性的值一定要用双引号(&amp;quot;&amp;quot;)括起来,且一定要有值 每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 空元素要有结束的tag或于开始的tag后加上&amp;quot;/&amp;quot; 表现与结构完全分离,代码中不涉及任何的表现元素,如style、fo...

qq_40995162的博客 477

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

php 和 css+div命名规范

php命名规范 命名规范 ThinkPHP5遵循PSR-2命名规范和PSR-4自动加载规范,并且注意如下规范: 目录和文件 目录使用小写+下划线; 类库、函数文件统一以.php为后缀; 类的文件名均以命名空间定义,并且命名空间的路径和类库文件所在路径一致; 类文件采用驼峰法命名(首字母大写),其它文件采用小写+下划线命名; 类名和类文件名保持一致,统一采用驼峰法命名(首字母大写); 函数和类、...

夕目 430

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

CSS基础——h5中的框架集及CSS中奇葩异常

到现在我们关于CSS相关的常用基础知识就讲解完毕了,接下来我们准本一下前往下一个阶段VEU进行学习吧。好了,今天就到这里啊欢迎大家点击下方卡片关注《coder练习生》

ybb_ymm的专栏 981

DIV+css命名规范

一、命名规则说明: 1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class=“divcss5”,id=“divcss5” 3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、空元素要有结束的tag或于开始的tag后加上"/" 5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等 6...

weixin_44021910的博客 417

关于Web语义化

对于“web语义化”这个词语我相信只要是从事前端的人都不陌生,当然我对这个词语也是非常熟悉,我相信从事前端工作的同事在投简历时都会在招聘需求里面看到这句话:“对web语义化有深刻的理解”,当然我本人也是从某公司的招聘需求里看到的这个词语,那么到底什么是web语义化?它有什么作用?现将我自己收集整理的资料与大家分享一下: 什么是web语义化 如今互联网都到了web2.0的时代了,HTML

再给我三十分钟 8820

css命名规范及公共样式

css命名规范: <divid="wrap"> <divid="top"></div><!--top结束--> <divid="header"></div><!--header结束--&g...

chunxiezi4683的博客 1221

css命名规范

一、命名规则说明 1)、所有的命名最好都小写2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5"3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整4)、空元素要有结束的tag或于开始的tag后加上"/"5)、表现与结构完全分离,代码中不涉及任何的表现元素,如style、font、bgColor、border等6...

anba7411的博客 111

H5基础知识点

1、标题HbuildX常用的快捷键: 1. ctrl+/ 注释代码 2. ctrl+y 恢复撤销 3. ctrl+x 剪切 4. ctrl+p 在当前项目查找文件 5. ctrl+f 在当前文件查找字符串 6. ctrl+alt+f 在当前目录查找字符串 7. ctrl+k 格式化代码 8. ctrl+g 跳转到某行代码 9. ctrl+o 打开文件 10. 鼠标左键+ctrl选中多行(可进行多行修改操作) 11 ...

y1314999的博客 3246

js和css的命名规范

笔者在撸代码是也会遇到不知道给元素或变量起什么名字的问题,中文拼音太俗气,随便敲几个字母又影响代码的查读性。于是总结这些命名规范。有些资料来源于网络            一 .css命名规范       1.命名规则说明:    1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5" 3)

现在学习也不晚 878

H5入门四:CSS选择的艺术

H5入门四:CSS选择的艺术 一、什么是CSS CSS层叠样式表(Cascading Style Sheets) 用于定义HTML内容在浏览器里面的显示样式 二、为什么学习CSS 三、CSS基本内容 CSS基础语法 CSS 使用方法 CSS选择器 CSS集成和层叠 CSS优先级 CSS命名规范 CSS基础语法 CSS样式规则: CSS样式的引用 CSS样式的引用方式 行内样式 内部样式 CSS外部样式 CSS导入样式 CSS样式引用总结: CSS样式优先级关系 CSS选择器 CSS有哪

NYC的博客 306
上一篇: CSS:层叠样式表(二)【CSS性质,CSS选择器,CSS盒子模型】
下一篇: CSS:层叠样式表(三)【DIV网页布局和定位】
impact_factor
博客等级 码龄6年 32粉丝 44原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值