ИнтернетУеб дизайн

Блокиране на оформление DIV тагове

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

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

появяване

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

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

Стандарти и валидиране

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

<> Div тагове позволяват да създадете блокове, или както ги наричат контейнери. Отделните елементи могат да бъдат вложени, като по този начин създаване на необходимата структура и конфигурация сложност. Използването на идентификатора на непридружаван клас

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

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

клас = «а to_imya". Включване на името на класа, в стилове, можете да определите местоположението, размера и други параметри на сумиране на един блок в документа.

Използване на класове и документи за самоличност

Блок

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

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

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

таг. HTML имоти

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

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

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

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

позиционира

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

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

други атрибути

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

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

в HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 bg.atomiyme.com. Theme powered by WordPress.