HTML5 Placeholder Шилтемелер үчүн башлаучы

Анткени HTML5 Placeholder кандай байланыш бар?

idUp HTML5 чейин, теги бир касиетти талап кылды: адреси. Бирок HTML5 да бар атрибуттуу милдеттүү кылат. Эгер кандайдыр бир сыпаты жок теги жазып жатканда ал орду шилтемеси деп аталат.

А орду шилтемеси мындай болот:

Мурунку

Колдонуу Placeholder Links учурунда өнүктүрүү

Дээрлик ар бир желе дизайнер бир учурда же бирине прототип шилтемелер жараткан долбоорлоо жана сайтты курууда. HTML5 мурун, жазган:

шилтемеси текст

коддон. Анан мен бул орун толтургучтары гана кардар сурап болушу менен кардарларга үлгүсү сайттарды жибердим ", текст ишине эмне үчүн шилтемелер жок?"

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

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

Live жерлерди Placeholder Links колдонуу

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

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

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

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

Styling Placeholder Links

Прототип шилтемелер башкача желе беттеги башка шилтемелер стили жана стили менен жеңил болуп саналат. -га шилтеме берген барактар ​​теги: Жөн эле бир теги жана эки стилдештирүүнү сөзсүз. Мисалы:

бир {түсү: кызыл; арип өлчөмү: тайманбастык менен; текст кооздугу: эч бири; } А: ссылка {түсү: көк; арип өлчөмү: нормалдуу; текст кооздугу: белгилейт; }

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

Эгер тег бери алып келбейт, ар кандай стилдерди абалга унутпа. Мисалы, мен прототип байланышы тайманбастык менен арип-салмак койду, ошондуктан мен үчүн керек эле:

арип өлчөмү: нормалдуу;

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