көп стили жана жасалгалоо контролдоо үчүн CSS менен карыш жана бөлүү колдонуу.
Дизайн жана HTML / CSS үчүн жаңы болгон көптөгөн адамдар баракчалар чыгып куруу сыяктуу бирин-жылы <карыш> жана <бөлүү> элементтерди колдонушат. Бирок иш жүзүндө бул HTML элементтеринин ар бири ар кандай ой-кызмат болуп саналат. максат үчүн ар бир колдонууга үйрөнүү коду жалпы башкаруу кыйын болуп таза желе баракчаларды иштеп чыгуу жардам берет.
элементин колдонуу бөлүү элементи желе беттеги логикалык жик аныктайт.
Ал, негизинен, логикалуу чогуу барып, башка HTML элементтерин жайгаштырууга мүмкүн болгон бир куту. Пикир келишпестик пункттарында болуп, ага бир нече жолу башка элементтерди болушу мүмкүн, материалдардын аталыштарын, тизмелер, шилтемелерди, сүрөттөрдү ж.б. Ал тургай, HTML документтин анын ичинде кошумча түзүмүн жана уюштурууну камсыз кылуу үчүн башка бөлүмдөрдү болушу мүмкүн.
бөлүү элементин колдонуу үчүн, ачык <бөлүү> өзүнчө бөлүмү катары келет сенин бетине жердин алдында теги, жана андан кийин жабык теги жайгаштырууга:
курс мазмунун көрүү:
Сиздин беттеги аянты кийин CSS менен стили колдоно турган кошумча маалымат керек болсо, сиз бир ID Selector (мисалы, кошуп алат,
ID = "Апенди">), же класстык алуу (мисалы, класс = "bigDiv">). Бул өзгөчөлүктөрдүн да анда JavaScript колдонуп CSS жардамы менен тандалган же өзгөртсө болот. Себеби, белгилүү бир ID селекторлор кантип бөлүгүндө, ордуна леринин класс селекторлорун колдонуп тартыла башташты Current мыкты тажрыйбалар. чындык болсо, силер да бири, ал тургай бир ID жана класс селекторунан да бөлүп берет тийиши мүмкүн.
Качан пайдалануу <бөлүү> каршы <бөлүм>
Бул тиркелген мазмунду ар кандай семантикалык мааниси берген жок, себеби бөлүү элемент HTML5 бөлүм элементи айырмаланат. мазмундун тосуу бөлүү же бөлүм болушу керек же жокпу, так эмес болсо, элементтин жана мазмуну максаты колдоно турган чечим жардам берүү үчүн эмне тууралуу ойлонуп көрөлү:
- Сиз бул аймакка стилдерди кошуу үчүн жөн гана элемент керек болсо, бөлүү элементин колдонуу керек.
- өзүнчө орунга ээ камтылууга тийиш мазмуну жана анын өз алдынча туруштук бере алган болсо, сиз анын ордуна бөлүк элементин колдонуу керек болушу мүмкүн.
Акыр-аягы, эки калкыма жана бөлүмдөр сулуу ушундай мамиле жана сиз керек сиздин сайттын караш үчүн, CSS менен же баалуулуктарды аныктоо жана аларды стилдештирүүнү бере алат. Бул эки блогу деңгээл элементтер болуп саналат.
<Карыш> элементин колдонуу
карыш элемент демейки тарабынан киргизилген элементи болуп саналат. Бул бөлүү жана бөлүм элементтери аны бөлүп коёт. карыш элементи көп учурда аны кийинчерээк атай турган кошумча "кайырмак" берип, мазмуну, адатта, тексттин белгилүү бир бөлүгүн ороо үчүн колдонулат. CSS менен колдонулат, ал кучагында тексттин стилине өзгөртүүгө болот; Бирок, кандайдыр бир стили сыпаттарына жок, карыш элемент гана бардык текст боюнча эч кандай таасир тийгизбейт.
Бул өмүрү жана бөлүү элементтердин ортосундагы негизги айырма. Жогоруда да айтылгандай, бөлүү элемент карыш элемент гана <карыш> тегдеринин менен курчалган эмне үчүн байланышкан CSS стилдердин эрежелерди колдонуу үчүн браузерди айтылат, ал эми бир абзац тыныгуу камтыйт:
<Бөлүү ID = "Апенди">
<карыш> Белгиленген текст жана бейөкмөт баса текст.
класс = "басым" же CSS менен текстти стилдештирүүнү карыш элементтин башка класс кошуу (мисалы, класс = "баса">).
карыш элементи эч кандай талап сыпаттары бар, бирок абдан пайдалуу үч бөлүү элементтин ошол эле болуп төмөнкүлөр саналат:
- стили
- тап
- ID
Карыш ошол мазмунду бир эле коёр мазмунду стилин өзгөртүүнү каалаган колдонулсун блок-даражадагы элементи документте.
Мисалы, сиз h3 рубриканын экинчи сөзү кызыл болууну кааласак, анда кызыл текст деп сөзүн стилдештирүүнү турган бир карыш элемент менен сөзүн курчап алган. сөз дагы h3 элементтин бир бөлүгү бойдон калууда, бирок азыр да кызыл, экранда:
Бул Менин Укмуш кабарында
Jeremy Джирард тарабынан 2/2/17 күнү өзгөртүлдү
бөлүү элементи желе беттеги логикалык жик аныктайт.
Ал, негизинен, логикалуу чогуу барып, башка HTML элементтерин жайгаштырууга мүмкүн болгон бир куту. Пикир келишпестик пункттарында болуп, ага бир нече жолу башка элементтерди болушу мүмкүн, материалдардын аталыштарын, тизмелер, шилтемелерди, сүрөттөрдү ж.б. Ал тургай, HTML документтин анын ичинде кошумча түзүмүн жана уюштурууну камсыз кылуу үчүн башка бөлүмдөрдү болушу мүмкүн.
бөлүү элементин колдонуу үчүн, ачык <бөлүү> өзүнчө бөлүмү катары келет сенин бетине жердин алдында теги, жана андан кийин жабык теги жайгаштырууга:
курс мазмунун көрүү:
Сиздин беттеги аянты кийин CSS менен стили колдоно турган кошумча маалымат керек болсо, сиз бир ID Selector (мисалы, кошуп алат,
ID = "Апенди">), же класстык алуу (мисалы, класс = "bigDiv">). Бул өзгөчөлүктөрдүн да анда JavaScript колдонуп CSS жардамы менен тандалган же өзгөртсө болот. Себеби, белгилүү бир ID селекторлор кантип бөлүгүндө, ордуна леринин класс селекторлорун колдонуп тартыла башташты Current мыкты тажрыйбалар. чындык болсо, силер да бири, ал тургай бир ID жана класс селекторунан да бөлүп берет тийиши мүмкүн.
Качан пайдалануу <бөлүү> каршы <бөлүм>
Бул тиркелген мазмунду ар кандай семантикалык мааниси берген жок, себеби бөлүү элемент HTML5 бөлүм элементи айырмаланат. мазмундун тосуу бөлүү же бөлүм болушу керек же жокпу, так эмес болсо, элементтин жана мазмуну максаты колдоно турган чечим жардам берүү үчүн эмне тууралуу ойлонуп көрөлү:
- Сиз бул аймакка стилдерди кошуу үчүн жөн гана элемент керек болсо, бөлүү элементин колдонуу керек.
- өзүнчө орунга ээ камтылууга тийиш мазмуну жана анын өз алдынча туруштук бере алган болсо, сиз анын ордуна бөлүк элементин колдонуу керек болушу мүмкүн.
Акыр-аягы, эки калкыма жана бөлүмдөр сулуу ушундай мамиле жана сиз керек сиздин сайттын караш үчүн, CSS менен же баалуулуктарды аныктоо жана аларды стилдештирүүнү бере алат. Бул эки блогу деңгээл элементтер болуп саналат.
<Карыш> элементин колдонуу
карыш элемент демейки тарабынан киргизилген элементи болуп саналат. Бул бөлүү жана бөлүм элементтери аны бөлүп коёт. карыш элементи көп учурда аны кийинчерээк атай турган кошумча "кайырмак" берип, мазмуну, адатта, тексттин белгилүү бир бөлүгүн ороо үчүн колдонулат. CSS менен колдонулат, ал кучагында тексттин стилине өзгөртүүгө болот; Бирок, кандайдыр бир стили сыпаттарына жок, карыш элемент гана бардык текст боюнча эч кандай таасир тийгизбейт.
Бул өмүрү жана бөлүү элементтердин ортосундагы негизги айырма. Жогоруда да айтылгандай, бөлүү элемент карыш элемент гана <карыш> тегдеринин менен курчалган эмне үчүн байланышкан CSS стилдердин эрежелерди колдонуу үчүн браузерди айтылат, ал эми бир абзац тыныгуу камтыйт:
<Бөлүү ID = "Апенди">
<карыш> Белгиленген текст жана бейөкмөт баса текст.
класс = "басым" же CSS менен текстти стилдештирүүнү карыш элементтин башка класс кошуу (мисалы, класс = "баса">).
карыш элементи эч кандай талап сыпаттары бар, бирок абдан пайдалуу үч бөлүү элементтин ошол эле болуп төмөнкүлөр саналат:
- стили
- тап
- ID
Карыш ошол мазмунду бир эле коёр мазмунду стилин өзгөртүүнү каалаган колдонулсун блок-даражадагы элементи документте.
Мисалы, сиз h3 рубриканын экинчи сөзү кызыл болууну кааласак, анда кызыл текст деп сөзүн стилдештирүүнү турган бир карыш элемент менен сөзүн курчап алган. сөз дагы h3 элементтин бир бөлүгү бойдон калууда, бирок азыр да кызыл, экранда:
Бул Менин Укмуш кабарында
Jeremy Джирард тарабынан 2/2/17 күнү өзгөртүлдү