Блок-даражасына жана Inline элементтердин ортосунда кандай айырма бар?
HTML Интернет баракчалардын курулуш материалы катары иш-аракет ар кандай элементтер турат. бул элементтердин ар бирин эки категориянын бирине түшүп - же блок-даражадагы элементтер же киргизилген элементтери. элементтердин ушул эки жихаддын ортосундагы айырманы түшүнүү желе беттерди куруу жолундагы маанилүү кадам болуп саналат.
Блок Даража Elements
Ошентип, бир блок-даражадагы бөлүгү жөнүндө эмне айтууга болот? Бир блок-деңгээл элемент бир HTML элемент Желе баракчасы боюнча жаңы сапты башталат жана анын ата-энеси элементтин жеткиликтүү горизонталдык мейкиндигинде толук ээлеп жайылтылат. Бул пункттарына же бет бөлүмдөрүнүн сыяктуу мазмуну ири блокторду жаратат. Чынында, көпчүлүк HTML элементтери блок-даражадагы элементтер болуп саналат.
Блок-даражадагы элементтер HTML документтин дененин ичинде колдонулат. Алар киргизилген элементтерди, ошондой эле башка блок-деңгээл элементтерди да камтышы мүмкүн.
Inline Elements
блок-даражадагы элементи айырмаланып, бир сап элемент алат:
- Түз сызыктын ичинде башталат
- бир жаңы эреже эмес башталып
- Анын туурасы гана, ошондой эле ал өзүнүн Tags менен аныкталат деп жайылтылат.
бир сап элементтин мисал түзсөк ичинде камтылган текст мазмунунун арип түзөт <күчтүү> теги болуп саналат. An киргизилген элементи жалпысынан башка киргизилген элементтерди камтыса, же андай
үзүлүшүн тег катары эч нерсе, камтышы мүмкүн.
HTML-жылы элементтин үчүнчү түрү да бар: бардык көрсөткөн эмес экенин айткан. Бул элементтер барак тууралуу маалымат берип, ал эми интернет браузер аркылуу которулган көрсөтүлгөн эмес.
Мисалы:
- <Стили> стилин жана Стилдерди аныктайт.
- <Мета> мета маалыматтарды аныктайт.
- <Башчысы> бул элементтерди кармап HTML документ элементи болуп саналат.
Которулууда Inline жана Блок элемент түрлөрү
Сиз бул CSS касиеттери бири менен, камтылган жаап, же тескерисинче, бир элементтин түрүн өзгөртө аласыз:
- дисплей: бөгөттөөлөр;
- дисплей: саптагы;
- дисплей: эч бири;
CSS дисплей менчик бөгөт коюу үчүн киргизилген мүлктү, же блок сап же баарын чогуу көрсөтүү үчүн эмес, өзгөртө аласыз.
Качан Display менчикти өзгөртүү
Жалпысынан алганда, мен жалгыз дисплей мүлкүн калтырып келет, бирок пайдалуу болушу мүмкүн киргизилген жана бөгөттөөлөр Дисплей касиеттери бел байлап, кээ бир учурлар бар.
- Horizontal тизме Меню: Lists блок-даражадагы элементтер болуп саналат, бирок сиз меню туурасынан өзгөрүүлөр келсе, ар бир менюсу бир сабына баштоо кетпеши үчүн киргизилген элементтерин тизмесин айландыруу керек.
- Текстте Бөрктөр: Кээде сиз баш текстте бойдон калууда, бирок HTML баш баалуулуктарын сактап келет. анын ордуна жаңы саптан баштап алып, кийинки ошол эле сапта ага агып мындан ары да өзүнүн акыркы тег кийин текстти мүмкүндүк берет сап үчүн h6 баалуулуктар аркылуу h1 өзгөртүү.
- Элементти өчүрдү: Эгер документтин толук элементин алып келсе, кадимки агымы , сен эч ким үчүн дисплейди орното аласыз. экранды колдонууда бир нерсени эскертип, сак болгула: Ошол стили, чынында эле, бир элемент көрүнбөгөн кылам none.While, сиз SEO себептер менен кошо текстти жашыруу үчүн пайдаланууну каалаган эмесмин, ал эми чет элдиктердин көрсөтө келбейт. Сиздердин сайт SEO үчүн кара шляпа мамиле үчүн жазаланат деп ишенимдүү жолу болуп саналат.
Common Inline элемент Formatting каталар
көбүнчө ката Желе үлгүсүнө жолоочу бири киргизилген элементке боюнча туурасын орнотууга аракет кылып жатат берет. Бул контейнер бокс боюнча киргизилген элементтер инигма аныкталган эмес, анткени иштебейт.
Inline элементтер бир нече касиеттери бурбай:
- туурасы, бийиктиги
- макс-туурасы, бийиктиги макс-
- мин-туурасы, мин-бийиктиги
Эскертүү: Microsoft Internet Explorer (азыр Microsoft Edge деп аталат), буга чейин туура эмес да, кутучаларды киргизилген бул кээ бир касиеттерин кайрылган. Бул стандарттар ылайык эмес, бул Microsoft-тун Желе браузеринин башка түрү менен, андай болушу мүмкүн эмес.
Эгер элемент алып керек туурасынан же бийиктигин аныктап алыш керек болсо, анда сиз камтыган блок-деңгээл элементи үчүн колдонулат келет киргизилген текст.
Jeremy Джирард тарабынан 2/3/17 күнү өзгөртүлдү