Új hozzászólás Aktív témák

• #8195 Sk8erPeter nagyúr

  Új Válasz 2013-05-18 15:38:50 #8195

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  Hali!
  Szimpla kíváncsiságból intézek kérdést mindenki felé:
  kinél mi az elnevezési konvenció, ha HTML- és CSS-kódban többszavas id-t vagy class-t szeretnétek használni, akkor mivel tagoljátok, kötőjellel (-) vagy pedig aláhúzásjellel/alulvonással/underscore-ral (_)?
  Tehát az alábbi kettő közül melyik:

  1.) <p class="ez-egy-nagyon-erdekes-osztaly" id="nagyon-egyedi-azonosito"></p>
  2.) <p class="ez_egy_nagyon_erdekes_osztaly" id="nagyon_egyedi_azonosito"></p>
  ?

  Van, aki a kötőjelekre esküszik, mert így jobban elválik a CSS- és HTML-kód a JavaScript-kódtól (ahol ugyan camelCase az elterjedtebb, de van, aki underscore-t használ, és az működőképes, míg értelemszerűen kötőjellel tagolt változónév nincs, így arról egyből lehet tudni, hogy nem JS-kód, max. egy stringben szereplő selector), van, aki pedig az alulvonásra, mert azt tartja áttekinthetőbbnek, vagy mert bizonyos, általa relevánsnak tartott oldalak révén ő is rászokott erre (és vonatkozik ez a másikra is), vagy mert a munkahelyen a csapatban valamelyik konvenciót követik.
  De kinél melyik a gyakoribb?

  Azt egyébként most megnéztem, hogy maga a w3.org sem következetes ebben a tekintetben, össze-vissza keverve használják, pár részlet a forráskódból:

  <div class="w3c_sec_nav"><!-- --><ul class="secondary_nav"> [.........] </ul></div>
  (itt underscore, ld. w3c_sec_nav, secondary_nav)

  <h3 class="category tMargin"><span class="ribbon"><a href="Consortium/mission.html#principles">Web for All
  <img src="/2008/site/images/header-link.gif" alt="Header link" width="13" height="13" class="header-link"></a></span></h3>
  (itt pedig camelCase és kötőjeles használat vegyesen: tMargin, header-link)

  <h3 class="h4 tPadding0 bPadding0 summary"><span class="expand_section"><a href="#"><img src="/2008/site/images/ico-plus" width="9" height="9" alt="Expand">W3C Workshop on Social Standards: The Future of Business</a></span></h3>
  (ismét camelCase (tPadding0, bPadding0), meg alulvonás (expand_section))

  Sk8erPeter

Új hozzászólás Aktív témák