Ако имате сайт, изследването на неговия дизайн с помощта на CSS и div тагове може да изведе вас и вашия уебсайт с една крачка напред. Лесната поддръжка, по -бързото зареждане и удобните за търсачките функции ще ви дадат предимства от по -добрата маркетингова стратегия.
Стъпки
Стъпка 1. Знайте, че маркерът „div“се използва основно за установяване на отделни области или разделения на страницата на уебсайта
Това е сред изключително мощните елементи в „XHTML“, тъй като е необходимо за поставяне на дизайна на уеб страница с помощта на „CSS“. С прости думи, този процес означава внедряване на сайтове, лишени от използване на таблици за оформление и позициониране.
Стъпка 2. Създайте таблица със стилове - Етикетите „Div“използват таблици със стилове, които позволяват уеб дизайна на сайта да бъде независим от данните
Проектирането на фонове с цветове и шрифтове, ширина, височина, оформление и позициониране на редове или колони може да бъде вмъкнато в таблици със стилове, оставяйки само div код и информация на действителните страници.
- Можете да създадете таблица със стилове като друг документ и след това да я свържете. Отворете нов документ за бележник, напишете кода си в него и го запазете под разширението ".css".
- CSS свойствата, които са много полезни, са "background-color", "height", "width", "float" и "clear".
Стъпка 3. Свържете таблицата със стилове - Можете да свържете таблицата със стилове, като използвате етикет за връзка
Това трябва да се използва в раздела „глава“на вашия уебсайт. напр.. трябва да напишете пътя към вашия CSS файл на мястото, където в този пример е написан "path".
Стъпка 1. Разберете предимствата на използването на div тагове или без таблица:
- Зареждането на сайтове става по -бързо. Уебсайтовете, които са базирани на „div“тагове, карат браузърите да работят много по -бързо, тъй като са доста леки. „Div“се контролира чрез каскадни стилови таблици и следователно се нуждае от по -малко кодиране, което помага да се сведе до минимум размерът на файла.
- „Div“е приятелски настроен към всички търсачки - уебсайтовете, базирани на CSS, са удобни за оптимизация на търсачките, тъй като те позволяват на уеб дизайнера да поддържа основните статии отгоре, което позволява на търсачките да намират основното съдържание по -лесно.
- Уебсайт, базиран на „div“, спестява честотна лента. Уебсайт без таблици има по-малък размер на файла, което означава, че спестява вашата честотна лента. Ако имате сайт с огромен трафик, където всяка страница се разглежда от посетителите на сайта, ще спестите от размера на честотната лента, като нямате таблици. Тази спестена сума на честотната лента може да бъде полезна за период от време или в края на месеца.
- По -чист код - Уебсайтовете, използващи „div“тагове и CSS, генерират по -чист код. Този по -чист код позволява на роботите на търсачките да четат действителното съдържание.
