Вы можете технически использовать двоеточия и периоды в атрибутах id / name, но я настоятельно рекомендую избегать обоих.
В CSS (и нескольких библиотеках JavaScript, таких как jQuery), как период, так и двоеточие имеют специальные и вы столкнетесь с проблемами, если не будете осторожны. Периоды - это селектор классов, а двоеточия - псевдоселекторы (например, «: hover» для элемента, когда мышь над ним).
Если вы укажете элементу id «my.cool:thing», , ваш CSS-селектор будет выглядеть так:
#my.cool:thing { ... /* some rules */ ... }
Что действительно говорит: «Элемент с идентификатором« мой », класс« классный »и псевдо-селектор« вещь », в CSS-говорить.
Придерживаться AZ любого случая, цифр, подчеркиваний и дефис. И, как сказано выше, убедитесь, что ваши идентификаторы уникальны.
Это должно быть вашей первой заботой.