Question

您好，感谢您抽出宝贵时间阅读我的问题。我的问题与html最佳实践有关。

我有一个看起来像这样的html骨架..

    <!DOCTYPE html>
<html lang="en">
    <head>
        <title>Template</title>
        <meta charset="utf-8">
    </head>
    <body>
        <header>
        </header>
        <main>
        </main>
        <footer>
        </footer>
    </body>
</html>

我想开始添加HTML元素，稍后我会在CSS和JavaScript中通过ID和CLASS选择这些元素。我的最佳实践＆＃34;相关问题是..

ID和CLASS是否具有相同的命名约定？
建议的最小和最大ID和CLASS属性长度是多少？
为什么像facebook这样的网站名称ID和CLASS属性随机数字和字母？
我应该使用camelcase吗？
我应该使用下划线还是数字？
我应该缩写像＆＃34;细节＆＃34;等缩写词。成为＆＃34; Det＆＃34;什么时候命名？
我是否应该为身体的孩子提供ID和CLASS属性？
我是否需要为HEAD元素中的元素指定ID或CLASS属性？

Answer 1

其中一些答案取决于个人偏好：

ID和CLASS是否具有相同的命名约定？

命名约定取决于您。

建议的最小和最大ID和CLASS属性长度是多少？

据我所知，没有这样的建议。

为什么像facebook这样的网站会在那里找到ID和CLASS属性的随机数字和字母？

避免意外重复和跟踪目的。

我应该使用camelCase吗？

这是一个不错的选择。

我应该使用下划线还是数字？

这些是更好的选择。

我自己的系统（我不知道其他人使用它）如下：

HTML - <div class="my-string"> [连字符]
CSS - .my-string [连字符]
Javascript - var myString = ''; [camelCase]
PHP - $My_String = ''; [强调]

通过对变量和类使用不同的语法，我避免混淆不同类型的数据。

在命名时，我应该缩短像“Detail”这样的缩写词是否为“Det”？

你可以但我个人不会。但这取决于你。

我是否应该为身体的孩子提供ID和CLASS属性？

不确定我理解这个问题。

我是否需要为HEAD元素中的元素指定ID或CLASS属性？

没有。没有必要这样做。

HTML ID和CLASS命名最佳做法

1 个答案: