Түзүү мейкиндигин, CSS менен HTML элементтеринин физикалык бөлөк
HTML элементтердин мейкиндигин жана дене бөлөк түзүү башталган желе дизайнер үчүн түшүнүү кыйын болушу мүмкүн. Себеби HTML деп аталган касиети бар "Художник кыйроого учурап жатат." Сиздин HTML кодексине 1 орун терип, же 100 болобу, интернет браузер дароо эле бир космоско чейин ошол жайлар жыгылат. Бул сыяктуу бир программанын башкача Microsoft Word документти көрүү жаратуучулардын сөздөрдү жана документтин башка элементтерин ажырата бир нече жайлар кошууга мүмкүнчүлүк берет.
Бул кандай дизайны аралыгы иш эмес.
Анда сен кантип боюнча көрсөтүлөт HTML менен whitespaces кошсо болот интернет баракчасында ? Бул макалада ар кандай жолдор менен бир нече каралат.
CSS менен HTML-жылы Spaces
Сиздин HTML ичиндеги боштуктарды кошуу үчүн артыкчылыктуу жолу менен стилдерди (CSS) . CSS баракка эч кандай көрсөтмө аспекттерин кошуу үчүн колдонулушу керек, ал эми аралыгы бир бетине карап долбоорлоо өзгөчөлүктөрүн бир бөлүгү болуп саналат, анткени, CSS бул каалабаганды болот.
CSS-жылы, силер элементтердин айланасында орун кошуу же маржа же билмейинче, касиеттерин колдоно аласыз. Андан тышкары, текст кемтиги мүлкү пункттары Чегинүүсү туура эле тексттин алдында орун, деп кошумчалайт.
Бул жерде сиздин пункттарында бардык алдында орун кошуу CSS колдонуу үчүн кандай сонун үлгү болуп саналат. Сиздин төмөнкүдөй CSS кошуу тышкы же ички стилдин:
б {
текст кемтиги: 3em;
}
HTML-жылы Spaces: Inside Сиздин Text
Эгер жөн гана текст үчүн кошумча имарат же эки кошуп алгысы келсе, анда эмес бузулушу орун колдоно аласыз.
Бул мүнөзү бир типтүү боштук сыяктуу, бир гана ал браузеринин ичинде чөгүп эмес.
Ката: Бул тексттин бир катар ичинде беш боштуктарды кошуу үчүн кандай сонун үлгү болуп саналат:
Бул текст ичинде беш кошумча жайлар бар
HTML пайдаланат:
Бул текст бар & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Кошумча; беш кошумча жайлар ичинде
Ошондой эле кошумча линия тыныгуу кошуу
теги колдоно аласыз.
Бул сүйлөм ал ча ча ча ча ча-жылдын акырына карата абал боюнча беш сап тыныгуу бар
HTML-жылы Spacing жаман деген эмне
Бул сынап жатканда да иш - эмес сындырып жайлары элемент, чынында эле, силердин текстине жана сап учуратууга аралыгы кошот жогоруда көрсөтүлгөн пункттун астында аралыгы кошуу - бул сиздин баракчасына аралыгы түзүү жакшы жолу эмес. Сиздин HTML бул элементтерди кошуу барактын түзүлүшүн бөлүп ордуна кодексине (HTML) көрүү стилдеги (CSS) чейин көрсөтмө маалымат кошпойт. Мыкты тажрыйбалар бул келечектеги жана жалпы билэ кээмэйэ жана бет аткаруу жанарту бейкапар, анын ичинде бир катар себептерден улам, өзүнчө болушу керек деп койсок болот.
Бардык стилдерди жана аралыгы, кийлигишкенге тышкы стилдердин баракты колдоно турган болсо, анда бүт сайттын ошол образын өзгөртүп, жөн гана бир стилдер жадыбалы тактоо керек болгондуктан, эмне үчүн кыйын болот.
ал жылдын акырына карата абал боюнча беш
Tags менен өкүмдүн жогору мисалын карап көрөлү. ар бир пункттун түбүнө төрөөнү Сиз бул сумманы каалаган болсо, толугу менен сайтка ар бир бөлүгүндө ошол HTML кодун кошуу керек. Бул сиздин баракчаларды Bloat турган кошумча белгилери адилет суммасы болуп саналат.
Андан тышкары, бул аралыгы өтө көп же өтө аз болот жол кылам, аны бир аз өзгөртүүгө келсе, анда бүт сайтына ар бир бөлүгүн өзгөртүү керек. Жок рахмат!
кодду бул чыгарылбаган элементтерди кошуу ордуна, CSS колдонуу.
б {
толтуруу Төмөндө: 20px;
}
CSS бул бир линия сиздин Барактын пункттарга ылайык аралыгы кошуп келет. Эгер келечекте аралыгы өзгөртүүнү каалаган болсо, анда (толугу менен сайттын коддун ордуна), бул бир сапты өзгөртүү жана сен үчүн жакшы!
Азыр, сен
теги же бир эмес бузулушу орун колдонуп, сайт бир бөлүгүндө бир орун кошуу үчүн керек болсо, бул дүйнөнүн акыры эмес, бирок сак болушубуз керек.
Бул сап HTML аралыгы ыкмаларды колдонуп тайгак болушу мүмкүн. Бир же эки сиздин сайтка кандай зыян келтиришкен жок, мүмкүн болсо, ошол жолго түшүп берсе, сиз беттерге маселелерди киргизүүгө болот. Акыр-аягы, сиз HTML төрөттү кийинкиге калтыруу үчүн CSS кайрылуу артык болуп саналат, жана башка бардык интернет көрүү муктаждыктар.