HTML-жылы шилтемелер баса алып салуу үчүн Easy жолу Үйрөнүү

Көптөгөн дизайнерлер өзгөчө байланыштардын чүчүкулак менен мазмуну тыгыз блокторуна, белгилешти текстти карап кереги жок. Ошол баса сөздөрдүн баары чын эле документтин окуу агымын буза албайт. Көп баса чындыгында айырмалай жана кыйыныраак сөздөрү, анткени Underlining табигый letterforms өзгөртөт деп жолдон тез эле окуп деп белгилегенбиз.

Бирок, текст шилтемелери бул баса сактап мыйзамдуу пайдалары бар. Шилтемелерди бул жерде, мисалы, сиз текстти ири пакеттеринин жардамы менен карап калган, туура түстүү айырмаланып менен бирге шилтемелер бул жеңил окурмандар дароо бет тароо үчүн баса белгиледи жана кара. Эгер сиз бул жерде About.com желе дизайн макалаларды, ошондой эле сайттагы башка беренелерге көз болсо, анда жерде баса шилтемелерди бул жасасак болот.

Тексттин (биз бир аздан кийин камтыйт жөнөкөй жараян) шилтемелерди алып салуу жөнүндө чечим чыгара болсо, мурдагыдай эле, кадимки текст кайсы бир шилтеме эмне айырманы ошол текстти стилдештирүүнү жолдорун табууга шектенбесек болот. Бул көп учурда аталган түстүү айырмаланып менен ишке ашырылат, ал эми түс гана түс сокур болуп, көрүү жөндөмдүүлүгү начар коноктор үчүн көйгөй туудурушу мүмкүн. түс сокурдугу, алардын конкреттүү түрүнө жараша, контраст менен байланышкан эмес жана бири-бири менен байланышкан тексттин ортосундагы айырманы көрүп аларга тоскоолдук кылган, толугу менен аларга жоголуп кетиши мүмкүн. Бул дагы эле белгилешти текст эмне шилтемелерди кантип жардам берүү керектигин жакшы деп саналат.

Сен дагы эле эмне келсе, кантип бир баса өчүрөм? Бул биз менен байланышкан бир көрсөтмө мүнөздүү болгондуктан, биз көрүп, бардык нерсени кылат биздин сайттын бөлүгүнө бурат - CSS.

Шилтемелер баса өчүрүү үчүн Cascading Style Sheets колдонуу

Көп учурларда, сиз бир эле текст шилтеме боюнча баса өчүрүү үчүн издеп жатат. Анын ордуна, дизайн стили, сыягы, бардык links.You сырткы стилдин үчүн стилдерди кошуп, ушул турган жерден баса белгилеп алып салуу талап кылынат.

Дал ушул! CSS бул жөнөкөй бир сап бардык шилтемелер боюнча (бирок, чынында, "текст-жасалгалоо" үчүн CSS мүлктү колдонот) сызып өчүрүп болмок.

Ошондой эле бул стили менен конкреттүү алышмак. Мисалы, бир гана "Nav" элементтин ичинде белгилейт же шилтемелерди өчүрүү үчүн келген болсо, анда мындай деп жазган:

Азыр, беттеги тексти шилтемелер демейки баса ала турган, бирок этилген адамдар аны алып келмек.

Бир нерсе көптөгөн интернет дизайнерлери шилтемени кайра бирөөнүн тексттин үстүнөн айланып учкан кезде "боюнча" болуу үчүн тандап алган. Бул аркылуу болот: үстүнө CSS жасалма-класс, ушул сыяктуу:

Колдонуу Inline CSS

тышкы салынган өзгөртүүлөрдү кабыл алуунун ордуна, силер да HTML өзүн элементине түз стилдерди кошуп, бул сыяктуу:

Бул ыкма менен көйгөй Жакшы практиканын эмес, сиздин HTML түзүлүшү, ички стилдердин маалымат тургузып болуп саналат. Style (CSS) жана структурасы (HTML) өзүнчө кармоо керек.

Эгер сиз сайттын текст байланышы бардык консулу жок деп келсе, жеке негизде ар бир шилтеме бул стилдер бойюнча кошуу кошумча белгилери адилет суммасы сайттын кодексине кошулуп келмек. Бул барак Bloat бир сайттын жүк убакыт жайыраак жана жалпы барак башкаруунун алда канча кыйын болушу мүмкүн. Ушул себептен улам, ал ар дайым бардык барак Styling муктаждыктары үчүн сырткы стилдин кайрылууга артыкчылык болуп саналат.

Аягында

бул интернет баракчасында текст шилтемелер белгилеп алып, чынында эле, жеңил, силер да ошондой кылып кесепети олуттуу мамиле жасашы керек. Бул, чынында эле, беттин көрүнүшүн тазалап, ал эми жалпы мүкүнчүлүгү эсебинен да мүмкүн. Сиз Барактын "текст кооздугу" касиетин өзгөрүлүп турарын эске кийинки жолу эске алып.

Атайга Krynin тарабынан Original макалада. 9/19/16 разм Jeremy Джирард менен