muzruno.com

Блокиране на оформлението на div маркерите HTML

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

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

появяване

div html

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

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

Стандарти и проверка

свободен край

в HTML се използва стриктно в съответствие със стандартите на W3C (World Wide Web Consortium). Кодът на страницата се проверява със специален инструмент - валидатора, който следи (сканира и търси) всяка възможна грешка на страницата. Валидната страница означава, че всички маркери са използвани правилно и напълно отговарят на изискванията на стандартите.

div таг в html

тагове

ви позволяват да създавате блокове или, както се наричат, контейнери. В този случай отделните елементи могат да бъдат вплетени един в друг, създавайки структури с необходимата конфигурация и сложност. Използване на маркера
Непридружени от клас или идентификатор практически не са намерени. Това се дължи на "безликийността" на елемента. Ако той не определи клас, то в крайна сметка всички контейнери ще имат идентична конфигурация.

За да създадете истински валиден документ, трябва да използвате следната структура на маркера

class = "some_name". Позовавайки се на името на класа, в стиловите листове можете да определите позицията, размера, оловото и други параметри на отделен блок в документа.

Използване на класове и идентификатори

div в html

блок

HTML може да бъде дефиниран чрез id или id. клас клас. Разликата между първата и втората е, че id се използва само веднъж на страницата на документа. Това означава, че се използва за дефиниране на уникални елементи, които не се повтарят никъде другаде в кода на страницата. Атрибутът на класа ви позволява да приложите същото стил правила към няколко елемента. Този подход много опростява разработването и поддръжката на кода. В допълнение, един обект може да има няколко класа едновременно. За правилното разпознаване те просто са разделени от интервали.



Естествено блоковата структура на документа изобщо не предполага използването на само един етикет

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

свободен край
. HTML свойства

div клас

Както вече бе споменато по-горе, този маркер не променя дизайна на фрагмента на страницата, но се използва за създаване на семантична структура с последващ дизайн чрез стилови листа. Използването на затварящ маркер за този елемент е задължително.

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

Тъй като този елемент е блокиран, съдържанието му ще започне с нов ред. За да промените това поведение, трябва да промените параметрите на дисплея на блока с свойството на дисплея. Освен групирането на вложени елементи, тагът

ви позволява да форматирате местоположението на съдържанието в него. За да направите това, използвате атрибута "подравняване", който ви позволява да поставите текст или изображение вляво, вдясно или в центъра на родителския елемент.

Позициониращи блокове

Какво е div в html

Използването на атрибута за позиция ви позволява да промените метода за позициониране на избрания елемент. Така че има три вида позициониране:

  • Статично (статично) - използва се по подразбиране. В този случай елементът се позиционира според позицията в HTML кода.
  • Относителна (относително). В този случай местоположението на обекта се изчислява по същия начин, както в случая на статично позициониране, но тази характеристика ви позволява да промените позицията на децата.
  • Абсолютно (абсолютно). Позицията му се изчислява спрямо елемента с относително позициониране.

Други атрибути

Атрибутите отгоре и отляво се използват за промяна на позицията по отношение на началната точка. Стойностите могат да бъдат положителни или отрицателни. Ширината и височината на блоковия елемент се определят съответно от атрибутите за ширина и височина. Ако не бяха посочени в стиловите листове, блокът ще заема цялата ширина на родителския елемент. Ако съдържанието на блока не отговаря на цялата ширина на "родител", тогава поведението на елемента се определя от атрибута за препълване.

Надяваме се, че тази статия е помогнала да се разбере въпросът какво е

в HTML.

Споделяне в социалните мрежи:

сроден