Вимоги до верстки під drupal, drupal

Попередня ↔ Наступна

Цією статтею я хочу почати невеликий холівар обговорення ідеального документа, що описує специфіку верстки під Друпал. Ці пункти використовую я особисто при замовленні верстки для опису саме технічних особливостей верстки. Ще раз повторюю, цей документ описує лише особливості верстки під друпал, а не верстки як такої, тому всі загальні зауваження можете пропускати.

1. Не слід використовувати зайві паразитні теги або символи для оформлення кордонів, Буллет списків і т.п.
2. Як JS-бібліотеки можна використовувати тільки jQuery 1.2.6.

Меню, списки

1. Меню слід робити з використанням тегів ul-li-a, або ul-li-ul-li-. -a для вкладених меню.
2. У будь-яких списках (меню включно) роздільники потрібно робити тільки за допомогою CSS (напр. Без використання "|" всередині HTML)

1. Форма повинна бути укладена в теги

. .
2. По можливості, елементи форми повинні обертатися в теги у вигляді

Label:
3. По можливості, елементи форми повинні йти один за одним без зайвих тегів.
4. Якщо поля групуються, то в якості контейнерів повинні бути теги

(З підписом у вигляді вкладеного )
5. Для кнопок повинен використовуватися виключно .
6. Різні типи полів форм повинні мати різні класи зі списку:

<li><input type= "checkbox" class = "form-checkbox" /></li> <li><input type= "radio" class = "form-radio" /></li> <li><select class = "form-select".</li> <li><input type= "file" class = "form-file" /></li> <li><input class = "form-submit" type= "submit"></li> <li></ul> <p><fieldset class = "collapsible collapsed"> <br> <legend class = "collapse-processed"> <br> <a href= "#"> Name </ a> <br> </ legend> <br> <div class = "fieldset-wrapper"> <br>. <br> </ div> <br> </ fieldset></p> <p>1. Існує поняття регіону, в який будуть поміщатися блоки. Усередині цього регіону, розмітку кожного блоку по-можливості варто робити однотипної.<br> 2. Рекомендується мінімізувати кількість регіонів на сторінці. Крім того, рекомендується використовувати одні і ті ж регіони для інших макетів. Наприклад, якщо в одному макеті є регіон для сайдбара, в інших макетах цей регіон і його нутрощі повинні підкорятися загальним правилам.</p> <p>1. Контентні блоки (відносно основних категорій контентного регіону) слід відокремлювати один від одного. Різні тематичні блоки не можуть перетинатися один з одним.</p> <h4>Схожі статті</h4> <ul> <li> <p><a href="/articles/verstaemo-pid-drupal.php">Верстаємо під drupal</a></p> </li> <li> <p><a href="/articles/temizacija-i-verstka-pid-drupal-6.php">Темізація і верстка під drupal 6</a></p> </li> <li> <p><a href="/articles/snip-elektromontazhni-roboti-povinni-vidpovidati.php">Сніп електромонтажні роботи повинні відповідати вимогам</a></p> </li> </ul> </div> </article> </div> </div> </div> <footer class="igrzom-footer clearfix"> <ul> <li><a href="/articles/dental-klinik.php">Дентал клінік</a></li> <li><a href="/articles/klasni-godini-dlja-starshoklasnikiv-i-studentiv.php">Класні години для старшокласників і студентів коледжу</a></li> <li><a href="/articles/smishni-foto-tvarin.php">Смішні фото тварин</a></li> <li><a href="/articles/hto-zh-takij-viktor-medvedchuk.php">Хто ж такий виктор медведчук</a></li> <li><a href="/articles/metodi-ochishhennja-v-onkologii-onkologija-metodi.php">Методи очищення в онкології, онкологія - методи лікування раку, фітоонкологія, рак, пухлини</a></li> </ul> <p>© Copyright 2016 - 2024 | Всі права захищен</p> <br> <p><a href="/privacy.php">Privacy Policy</a></p> <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script> </footer> </div> </div></body> </html>