Чӣ тавр Истифодаи Элементҳо ва Div HTML

Бо истифода аз филтр ва услуби CSS бо CSS ва div истифода баред.

Бисёре аз одамоне, ки ба тарҳрезии веб ва HTML / CSS нав ҳастанд, ва

унсурҳои худро дар якҷоягӣ, вақте ки онҳо webpages бунёд мекунанд, истифода мебаранд. Вале воқеият ин аст, ки ҳар яке аз ин унсурҳои HTML ба мақсадҳои гуногун хизмат мекунад. Омӯзиш барои истифодаи ҳар як мақсад барои ҳадафҳои он ба шумо кӯмак мекунад, ки таҳияи саҳифаи вебсайти тоза, ки рамзи умумӣ барои идоракунӣ осонтар аст.

Истифодаи
element element

Элементҳои div вобастагиҳои мантиқӣ дар саҳифаи вебсайтро муайян мекунанд.

Ин асосан як қуттие мебошад, ки шумо метавонед ба дигар элементҳои HTML, ки мантиқан якҷоя карда мешавад, ҷойгир кунед. Параграф метавонад дар дигар элементҳо, ба монанди параграфҳо, сарлавҳаҳо, рӯйхатҳо, пайвандҳо, тасвирҳо, ва ғайраҳо дошта бошад. Ин метавонад дар дохили он тақсимоти дигарро барои сохтани иловагӣ ва ташкили ҳуҷҷати HTML ба даст орад.

Барои истифодаи унсури div, кушодани

ҷудогона пеш аз майдони саҳифаи шумо, ки тақрибан тақсимоти алоҳида ва зеркашии то охири он хоҳед:

мӯҳтавои div

Агар майдони саҳифаи шумо маълумоти иловагӣеро талаб кунад, ки шумо баъд аз сабти CSS истифода баред, шумо метавонед интихобкунандаи румиро илова кунед (масалан,

id = "myDiv">), ё интихоби класс (масалан, синф = "bigDiv">). Ҳар ду ин хосиятҳоро бо истифода аз CSS ё ба воситаи JavaScript истифода бурдан мумкин аст. Таҷҳизоти беҳтарин ба сӯи интихоби синфҳо, ба ҷои ID, ба қисм аз он ки кадом интихобдорони мушаххаси мушаххас доранд. Дар ҳақиқат, шумо метавонед як истифода кунед ва ҳатто тақсимоти ҳам як ID ва интихоби классро тақсим карда метавонед.

Ҳангоми истифодаи

Versus

Элементҳои div аз элементҳои HTML5 фарқ мекунад, зеро он мундариҷаи мафҳумро ягон мафҳум фарқ намекунад. Агар шумо боварӣ надошта бошед, ки блоги мӯҳтаво бояд div ё қисм бошад, фикр кунед, ки мақсад аз ҷузъ ва муҳтаво чӣ гуна аст, ки ба шумо кӯмак расонед, ки кадом роҳро истифода мебарад:

  • Агар шумо ба унсури танҳо барои илова кардани сабтҳо ба ин майдони саҳифа лозим бошад, шумо бояд элементи divро истифода баред.
  • Агар мундариҷа дорои фазилати диққат бошад, ва метавонад худро аз худ дур кунад, шумо метавонед қисмати ҷузъро истифода баред.

Дар натиҷа, ҳам divs ва қисмҳо низ ҳамин гуна монанд доранд ва шумо метавонед аз онҳо арзишҳоро ба даст оваред ва онҳоро бо CSS барои сабти сайте, ки ба шумо лозим аст, ба онҳо зада метавонед. Ҳар дуи онҳо элементҳои сатҳи блок мебошанд.

Истифодаи элемент

Асбоби паҳлавӣ аз рӯи аломати элементӣ иборат аст. Ин ба ғайр аз div ва қисмҳои элементӣ танзим мекунад. Асбоби паҳновар аксар вақт барои пӯшонидани порчаи мушаххаси мундариҷа истифода мешавад, одатан матн, ба он иловае, ки "қутти" иловагӣ дода мешавад, ки дертар метавонад тарҳрезӣ шавад. Бо CSS истифода мешавад, он метавонад тарки матнро дарбар гирад; Бо вуҷуди ин, бе ягон хусусиятҳои таркиби, танҳо унсурҳои ҷудошуда ба матн дар ҳама ҳолат таъсир надоранд.

Ин фарқияти асосӣ байни паҳн ва унсурҳои div мебошад. Чуноне, ки дар боло зикр шудааст, элементи div тақрибан параграфро дар бар мегирад, дар ҳоле, ки элементи ҷадвал танҳо ба браузер муроҷиат мекунад, ки қоидаҳои стандартии CSS-ро бо он алоқаманд мекунад, ки он дорои tags мебошанд:


< span > p>

p>


Ба клавиатура = "highlight" ё дигар синф ба унсурҳои ҷудогона илова кардани матн бо CSS (масалан, синф = "highlight">).

Сутуни сутун дорои хосиятҳои зарурӣ нест, аммо сее, ки аз ҳама муфид аст, ҳамон тавре, ки онҳо аз элементҳои div мебошанд:

  • сабки
  • синф
  • ш

Вақте ки шумо хоҳед, ки тарзи мундариҷаро тағйир диҳед, бе мундариҷаи мундариҷа ҳамчун унсури нави блок дар ҳуҷҷат тағир диҳед.

Масалан, агар шумо хоҳед, ки калимаи дуюми h3 сарлавҳаи сурх бошад, шумо метавонед ин калимаро бо як сатр тақсим кунед, ки ин калима ҳамчун матни сурх тарҷима мешавад. Калима ҳанӯз як қисми элементҳои h3 мемонад, аммо ҳоло дар сурх:

Ин Сарлавҳаи бузурги ман аст

Аз ҷониби Jeremy Girard дар 2/2/17 таҳрир карда шудааст