[分享]css与html页面命名规范

CSS与HTML页面命名规范是一项非常重要的任务，确保了网站开发的正确性和清晰性。以下是一些最佳实践：/ CSS / / 使用有意义、有描述性的命名 / .navbar {} .button {} ....

CSS与HTML页面命名规范是一项非常重要的任务，确保了网站开发的正确性和清晰性。以下是一些最佳实践：

/* CSS */
/* 使用有意义、有描述性的命名 */
.navbar {}
.button {}
.section-title {}

/* 避免使用无意义的缩写或单词 */
.ngb {}
.btn {}
.ttl {}

/* 使用短划线连接单词 */
.section-title {}

/* 在进行操作时，尽量避免使用样式 */
.hide {}
.show {}

/* HTML */
/* 使用有意义、有描述性的命名 */
<header></header>
<nav></nav>
<button></button>

/* 避免使用无意义的缩写或单词 */
<div class="ngb"></div>
<a href="#" class="btn"></a>
<h1 class="ttl"></h1>

/* 使用短划线连接单词 */
<div class="section-title"></div>

/* 添加诸如 ID 或 class 选择器等属性时，确保它们具有描述性 */
<section id="about"></section>
<div class="container"></div> 

总之，命名规范应该是有意义的、有描述性的，避免使用无意义的缩写或单词，使用短划线连接单词，以确保代码的可读性和易于维护。这是确保你的 CSS 代码能够被其他开发人员读懂并能够直接使用的基础。