Блок распоред див ХТМЛ ознаке

Чак десетак година у Рунет најчешће користи тзв табеларни распоред. С обзиром на чињеницу да су стандарди неких претраживачима били значајно разликују једни од других, морали смо да тражимо решење које би правилно приказати онлине документ у свим апликацијама. Али, како је време пролазило, развој стандарда, као и да замени прилично ригидан и нефлексибилни сто је добро и одговорно променљиву блок распоред. На челу ове технологије је принцип користећи елементе <див>. ХТМЛ-документи у већини изграђене су на основу појединачних блокова, који, за разлику од распореда табела може бити независно један од другог.

pojava

Све већа комплексност веб страница и развој компјутерске технологије довела је до тога да веб документ је подељен на два дела - у оквиру (ХТМЛ-код) и дизајна (стилова). Уз ово постигнуто без преседана развој веб, чије резултате смо сада у могућности да размишља на већини сајтова. Поред побољшања <див> процес ХТМЛ-развојни дозвољено да се утврди за сваки појединачни елемент њиховим правилима дизајна. То је помогло да се побољша читљивост веб страница и смањити време Документи. Сада су претраживачи много брже и боље информације процес доступни на сајту.

Стандарди и валидација

<Див> у ХТМЛ користи у строгом складу са В3Ц стандардима (Ворлд Виде Веб Цонсортиум). Провера изворну страницу одржао је посебан алат - у валидатор, које анализирају (скенирања и претраге) Све врсте грешака на страници. Страница је важећа значи да су све ознаке правилно користи иу потпуности задовољавају захтеве стандарда.

<Див> вам омогућавају да креирате блокове, или како их називају контејнера. Појединачни елементи могу бити угњеждени, стварајући неопходне структуре и конфигурацији комплексност. Користећи идентификатор без пратње цласс <див> таг или практично не догоди. То је проузроковано "безличне" елемент. Ако не додели разред, на крају, сви контејнери ће имати идентичну конфигурацију.

У циљу стварања заиста исправан документ, морате користити следећу структуру ознаку на <див> цласс = «а то_имиа". Укључивање име класе у стилова, можете одредити локацију, величину и других параметара собирање једну блок у документу.

Користећи класе и личних карата

Блок: <див> ХТМЛ може се дефинисати као идентификатор ид, класе и класе. За разлику од првог до другог је да ИД се користи само једном на страни документа. То јест, да се користи за одређивање јединствене елементе који никада више поновљених у коду странице. Цласс атрибут омогућава да примењују иста правила стила на неколико елемената. Овај приступ у великој мери поједностављује развој и подршку Кодекса. Поред тога, један предмет може имати више класе. За правилно признавање заједничке простора.

Наравно, блок структура документа не подразумева употребу само једног таг: <див>. Структура било које веб странице ће увек бити други елементи. Поред тога, сама по себи блокира: <див> елемент може имати другачију врсту екрана. Ово се обавља коришћењем екрана својства. Елемент може бити ниска или екран сто, што може значајно повећати флексибилност коришћења јединице и створити сајт било које конфигурације.

<Див> таг. ХТМЛ-пропертиес

Као што је већ наведено, ознака не мења страна лаиоут фрагмент и користе за креирање семантички структуру са накнадном упису од стилова. Коришћење затварања таг за овог елемента је обавезно.

Упркос чињеници да ће многи савремени претраживачи бити у стању да препозна такву грешку, у неким случајевима, незатворен ознака може да доведе до "разваливание" структуру документа и њен приказ неуспех.

Пошто овај елемент је блок, онда у мери у којој обухвата садржај ће почети са новом линијом. Да бисте изменили ово понашање мора да се промени дисплеј јединицу приказује параметре имовине. Поред груписања уметнуте елементе: <див> таг вам омогућује да обликујете распоред садржаја у њој. Она користи алигн атрибут, кроз који можете поставити текст или слику са леве, десне, или центар родитељског елемента.

позиционирање блокови

Користећи позицију атрибут омогућава да промените начин постављања изабрану ставку. Дакле, постоје три врсте позиционирања:

• Статички (Статиц) - дефаулт. У том случају, елемент је у складу са ставом у ХТМЛ-кода.
• Релативе (релативна). У том случају, локација објекта се обрачунава на исти начин као у случају статичког позиционирања, али ова функција вам омогућава да промените положај за децу.
• Апсолутна (апсолутна). Његов став се израчунава у односу на елемент са релативном позиционирања.

остали атрибути

горње и леве атрибути се користе за промену позицију у односу на тачке порекла. Вредности могу бити и позитивна и негативна. Ширина и висина блока елемента атрибута дефинисан ширину и висину, респективно. Ако нису наведена у стилу лист, уређај ће заузети целу ширину родитељског елемента. Уколико садржај блок не одговара преко "матичне" ширине затим понашање једног елемента одређује атрибута преливом.

Надамо се да ће овај чланак помогао да се бави питањем шта је: <див> у ХТМЛ.