Шари в HTML

id- це індивідуальне ім'я шару, збігатися і повторюватися воно не повинно!style- це вид шару, тобто спосіб його відображення. Без цього параметра сам по собі тегdivможе бути лише способом форматування вкладеного в нього тексту - без головних особливостей, властивих шарам - таких, як розташування поверх чого завгодно.left- відстань від лівого краю: може бути як у піхелях, так і у відсотках від загальної ширини екрану.top -відстань від верху. Ну, ширина і висота вам вже відомі, їх не згадую.z-index- значення може бути лише цифрою. Причому, чим менше ця цифра, тим вище знаходиться шар по відношенню до інших шарів. Здавалося б, дизайн, побудований на шарах, набагато зручніший і простіший, ніж дизайн на банальних таблицях, але є нюанси, як позитивні, так і негативні. У числі позитивних:

  • зручність для дизайнера – більша свобода та більше ефектів.
  • швидше завантаження і не чекати закриття замикаючого тега.
  • зручніше маніпулювати їх вмістом
негативні сторони:
  • складно підлаштовуватися під роздільну здатність монітора. І ще складніше робити такий дизайн гнучким - щоб ширина шару змінювалася за шириною вікна. Це, звичайно, можна зробити за допомогою дуже громіздкого скрипту, але. Другу перевагу зі списку позитивного ми втрачаємо.
  • пошукові системи. багато послідовностей тегів, як не кричать власники пошукових машин - а знаходяться гірше! Висновок – будь простіше, і до тебе потягнуться.
Такі ось пиріжки-печіночки. Так і залишаться шари елементом суто декоративним і не основним. Зате за допомогою шарів виходять такі приємні менюшки - в прикладах скриптів ви зможете знайти багато таких примочок, поки ж ми розглянемо лишеосновні параметри шарів як таких.

Додаткові можливі теги:background-color:колір фонуlayer-background-color:колір шаруborder: 1px none - якщо прибрати "ноне", то навколо шару з'явиться бордюрчик 1 піхель завтовшки.

У шарів є багато інших тегів, але, як правило, всі вони призначені для використання поряд зі скриптами, тому в них ми поки зариватися не будемо, а вивчимо наступну тему: каскадні таблиці стилів, воно ж - CSS.