搜尋
首頁web前端html教學html命名規範的詳細介紹
html命名規範的詳細介紹Jul 26, 2017 am 11:17 AM
命名規範

前面的話

  由歷史原因及個人習慣引起的 DOM 結構、命名不統一,導致不同成員在維護同一頁時,效率低下,迭代、維護成本極高。所以,使用統一的命名規範非常必要。本文將詳細介紹命名規範

 

目錄命名

  1、專案資料夾:projectname

  2、樣式資料夾:css

  3、腳本資料夾:js

  4、樣式類別圖片資料夾:img

 

圖片命名

#  圖片命名建議以下列順序命名:

  (m_)圖片功能類別(必選)+ 圖片模組名稱(可選) + 圖片精度(可選)

  m_表示是否公共,可選

【圖片功能類別】

  icon:模組類別固化的圖示

#  logo:LOGO類別

  spr:單一頁面各種元素合併集合

  btn:按鈕

  bg:可平鋪或大背景

  pic :表示目前內容或業務的圖片

#【圖片模組名稱】

  goodslist:商品列表

  goodsinfo:商品信息

  userportrait:用戶頭像

【圖片精度】

  普清:@1x

  Retina:@2x | @3x

//公共模块:
m_btn_goodlist@2x.png
m_btn_goodlist.png

//非公共模块:
wx_btn_goodlist@2x.png
wx_btn_goodlist.png
btn_goodlist.png

檔案命名

  確保檔案命名總是以字母開頭而不是數字,且字母一律小寫,以下劃線連接且不帶其他標點符號,如

<!-- HTML -->
connect.html
connect_list.html
connect_detail.html
<!-- SASS -->
connect.scss
connect_list.scss
connect_detail.scss

以上是html命名規範的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
C++ 函数命名中参数顺序的考虑C++ 函数命名中参数顺序的考虑Apr 24, 2024 pm 04:21 PM

在C++函数命名中,考虑参数顺序至关重要,可提高可读性、减少错误并促进重构。常见的参数顺序约定包括:动作-对象、对象-动作、语义意义和遵循标准库。最佳顺序取决于函数目的、参数类型、潜在混淆和语言惯例。

Python学习中所需的变量命名规范Python学习中所需的变量命名规范Jan 20, 2024 am 09:03 AM

学习Python时需要了解的变量命名规范在学习Python编程语言时,一个重要的方面是学习如何正确命名和使用变量。变量是用来存储和表示数据的标识符。良好的变量命名规范不仅能提高代码的可读性,还能减少出错的可能性。本文将介绍一些常用的变量命名规范,并给出相应的代码示例。使用有意义的名字变量名应该具有清晰的含义,能够描述变量所存储的数据。使用有意义的名字可以让其

如何通过阅读最新PHP代码规范的源代码来理解其背后的设计原则和目标?如何通过阅读最新PHP代码规范的源代码来理解其背后的设计原则和目标?Sep 05, 2023 pm 02:46 PM

如何通过阅读最新PHP代码规范的源代码来理解其背后的设计原则和目标?引言:在编写高质量的PHP代码时,遵循一定的代码规范是非常重要的。通过代码规范,可以提高代码的可读性、可维护性和可扩展性。而对于PHP语言来说,有一份被广泛采用的代码规范,即PSR(PHPStandardsRecommendations)。本文将介绍如何通过阅读最新PHP代码规范的源代码

PyCharm格式化快捷键解析:如何快速统一代码风格PyCharm格式化快捷键解析:如何快速统一代码风格Jan 27, 2024 am 10:38 AM

快速规范代码风格:PyCharm格式化快捷键解析代码的可读性和一致性对于程序员来说非常重要。在遵循一定的代码风格规范的前提下,编写整洁的代码可以使得项目更易于维护和理解。而PyCharm作为一款功能强大的集成开发环境,提供了快捷键来帮助我们快速格式化代码。本文将介绍几个PyCharm中常用的快捷键,以及它们的具体使用方法和效果。1.代码自动缩进(Ctrl

golang 函数命名中应避免哪些错误?golang 函数命名中应避免哪些错误?Apr 22, 2024 pm 09:18 PM

Go函数命名错误及应对策略:避免空洞名称,使用描述性名称。避免冗长名称,使用缩略语或简洁术语。使用小写字母命名函数,保持一致性。避免使用下划线,保持代码清晰。确保名称与功能一致,准确反映函数功能。

如何解决Python的代码中的缩进空格使用不规范错误?如何解决Python的代码中的缩进空格使用不规范错误?Jun 24, 2023 pm 09:03 PM

Python是一门非常流行的编程语言,因其简洁易懂,易于学习等特点,得到了越来越多人的青睐。在Python中,缩进和代码的格式是十分重要的,若使用不规范,会极大影响代码的可读性和可维护性。本文旨在介绍几种解决Python代码中缩进空格不规范的方法。采用自动化工具在Python编程中,遵守代码规范十分重要,代码中每个缩进应该用相同数量的空格。如果手动一行行修改

C++开发建议:如何提高C++代码的质量和性能C++开发建议:如何提高C++代码的质量和性能Nov 22, 2023 pm 04:31 PM

C++是一种强大的编程语言,广泛应用于系统级开发、游戏开发和高性能计算等领域。然而,C++也因其复杂性和灵活性而需要更高的代码质量和性能。本文将探讨一些关于如何提高C++代码质量和性能的建议。了解内存管理:C++是一种底层语言,能够直接操作内存。因此,了解如何正确地进行内存管理是至关重要的。避免内存泄漏和悬空指针是必须的。使用智能指针和RAII(资源获取即初

PHP编写规范与团队合作的实践:提升项目开发效率PHP编写规范与团队合作的实践:提升项目开发效率Aug 25, 2023 pm 11:27 PM

PHP编写规范与团队合作的实践:提升项目开发效率在项目开发中,编写规范是一种必要的实践。良好的编写规范可以提高代码的可读性、可维护性,避免出现低级错误,使团队成员能够更好地协同合作。本文将介绍一些PHP编写规范的实践,并探讨如何在团队合作中应用这些规范,以提升项目的开发效率。使用PSR-2标准PSR-2是PHP代码规范的一个标准,建立了一套在代码格式、注释、

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中