Тагове Разделение и педя - елементите на оформлението на блок, уеб дизайн и печалба

Доброто здраве, скъпи приятели! Това е време да се говори за двете най-важни тагове DIV и продължителност. които са от решаващо значение в блок оформление на сайта. Вече споменах, че в запомнящо Обектът се оформят така, че с помощта на таблици.

Въпреки това, с развитието на технологиите и нарастващата сложност на елементите на съдържанието, намиращи се на уеб страницата отне да се разтоварят кода на HTML. За тази цел е въведена CSS (Cascading Style Sheets - Cascading Style Sheets), който е натоварен с разработването и разполагането на елементи на страницата (тоест, как изглеждат и къде се намират).

Съответно, вместо някои атрибути HTML тагове за всеки елемент на дадена уеб страница, CSS, предписани правила, всяка от които съдържа селектор и свойства на определени ценности. Тя ви позволява да почиствате HTML код документ, който води до успешно решение, най-малко две задачи. На първо място, значително подобрява четимостта на кода на HTML. На второ място, намаляване на времето за зареждане на страницата на ресурса, който, разбира се, дава възможност да се оптимизира правилно вашия проект, по-специално, за да се подобри качеството на поведенчески класиране фактори. толкова дълго, колкото натоварената уеб страницата възпре посетители.

Използването на HTML тагове и техните атрибути. включително DIV и педя, е строго регламентирано от Международния консорциум. Спазването на изискванията, приети от документа за HTML може да се провери с помощта на W3C валидатора. От друга страна, също така е възможно да се провери валидността на документа за CSS. По този начин, ние сме се разбира, какво е създаден CSS. В обобщение, схематично, как да се използва DIV тага е представена блок оформление на сайта, като се свързва CSS стилове към документа за HTML.

Разбира се, ти осъзнаваш, че това е много опростена схема, всички маркери, които се използват в оформлението на сайта много, но на снимката ми са се опитвали да се подчертае основната роля на DIV елемент с оформлението на блок. единици (контейнерите) са създадени с помощта на DIV таг, които са поставени един в друг.

Значение таг DIV подчертава факта, че тя не се използва в чист вид, а само атрибути ID (идентификатор) или клас, който служи като стойност селектор, чиито имоти са представени в съответните документи с стилове.

номер и клас разлика е, че номер ID трябва да бъде представена в кода само веднъж (тя представлява уникален елемент, за който са дадени техните стилове). Атрибутът клас позволява свържете конкретна стилове маркер (т.е. всички етикети на данни, които могат да бъдат няколко, ще се прилага набор от стилове). Стойността може да се посочи брой класове, разделени с интервал. А сега погледнете кода на страниците и погледнете структурата на блок оформление с помощта Разделение контейнери:

Както можете да видите, HTML код е показано в ляво се състои от множество контейнери образувани от DIV таг, се вмъква в друг, всеки със собствен идентификатор, и (или) клас. Всеки елемент има свой собствен набор от CSS стилове, които се показват в дясно. Разбира се, HTML документ структура се състои не само от контейнер Разделение, и това включва и други маркери, а елемент Разделение има решителен принос за правилното показване на уеб страници в браузъра.

Също така, освен идентификатор качества и класа, за маркер Разделение на разположение на други универсални качества (които работят с почти всички тагове) и събития. Но най-широко използваните са едни и същ идентификационен номер и клас.

Сега малко за участъка маркер. Точно като DIV е най-яркият представител на блокови елементи, елемент участъка - с малки букви. Тя може да ви помогне да определите някои от данните в рамките на други етикети, и определи за тях собствения си стил чрез присвояване на стойности на определени свойства. Така например, в т (р маркер) може да разпредели част от текст, който е оцветен в друг цвят. За да направите това, ние използваме като клас атрибут и да направим тази стойност, която е на името на селектора.

Файлът style.css, уточни стиловете на този елемент.

Може би, за днес. Целта на тази статия е да ви даде представа за операционния блок на оформлението на сайта, подчертавайки стойността на блок Разделение маркер и продължителност на линията елемент. Смятам също така, този пост като мост между изучаването на основите на HTML и CSS стил, на която беше да се потвърди тяхната неразделна връзка. И за да се научат как бързо да прилага тези знания на практика, за да се абонирате за нов блог материал.