Tentang nama nilai di dalam atribut HTML

menurut saya, dalam menamai sebuah class atau id, itu ga ada aturannya. menurut saya sih bebas, tapi untuk menamai sebuah class dan id kemungkinan harus menamai yang berhubungan dengan fungsinya itu sendiri, menurut saya. misalnya jika div ini adalah pembungkus agar child childnya ga keblablasan maka saya menamainya dengan wrapper, wrapper sendiri artinya pembungkus, menamai sebuah id dan class hindari memakai terlalu statis, seperti

/*Contoh saja*/
<div class='blue-teks'> Ini teks berwarna biru.</div> /*content dengan text berwarna biru*/

<div id='background-blue'></div> /* content dengan background bewarna biru*/

/* bagaimana kalo suatu hari, agan memperbarui website agan, dan menjadikan teksnya berwarna merah tua. ?
bukankah agankita harus ngubah name class blue-teks jadi red-teks, belum lagi kita rubah di cssnya,
truss bagaimana kalo class blue-teks ada berlapis lapis di css agan*/

saya saran pake nama sesuai fungsi seperti ini

<div class="side-bar-left"></div>/* ini untuk menambahkan content bar disamping*/

<div class="header-menu"></div>/* untuk mengisi header dengan menu menu*/

/*maaf kalo membingungkan. soalnya saya kurang bisa menulis dan berbahasa yang baik.
 tapi saya membantu apa yang saya bisa :)
*/