gpt4 book ai didi

HTML ID 和 CLASS 命名最佳实践

转载 作者:行者123 更新时间:2023-12-01 06:17:08 26 4
gpt4 key购买 nike

您好,感谢您花时间阅读我的问题。我的问题与 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 选择这些元素。我的“最佳实践”相关问题是..
  • ID 和 CLASS 是否具有相同的命名约定?
  • 建议的最小和最大 ID 和 CLASS 属性长度是多少?
  • 为什么像 facebook 这样的网站会随机命名 ID 和 CLASS 属性
    数字和字母?
  • 我应该使用 Camel shell 吗?
  • 我应该使用下划线还是数字?
  • 我应该在命名时用缩写词缩短单词,如“Detail”变成“Det”?
  • 我应该给作为 body 子元素的元素一个 ID 和 CLASS 属性吗?
  • 我是否需要为 HEAD 元素中的元素指定 ID 或 CLASS 属性?
  • 最佳答案

    其中一些答案取决于个人喜好:

    Do ID and CLASS have identical naming conventions?



    命名约定由您决定。

    What is the minimum and maximum recommended ID and CLASS attribute length?



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

    Why do websites like facebook name there ID and CLASS atributes with random numbers and letters?



    为避免意外复制和跟踪目的。

    Should I use camelCase?



    这是一个不错的选择。

    Should I use underscores or numbers?



    这些是更好的选择。

    我自己的系统(我不知道其他人使用它)如下:
  • HTML - <div class="my-string"> [连字符]
  • CSS - .my-string [连字符]
  • Javascript - var myString = ''; 【驼峰案例】
  • PHP - $My_String = ''; [下划线]

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

    Should I shorten words with abbreviates like "Detail" becomes "Det" when naming?



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

    Should I give ever elements that is a child of body a ID and CLASS atribute?



    不确定我是否理解这个问题。

    Would I ever need to specify an ID or CLASS attribute for a element within the HEAD element?



    不,没有必要这样做。

    关于HTML ID 和 CLASS 命名最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44748090/

    26 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com