Websites алардын алдында келип, эч кандай байланыш каражаты айырмаланат. Басма сөз, радио, ал тургай, сыналгы сыяктуу башка мурдагы медиа чейин интернет белгиленген негизги нерселердин бири "деген түшүнүк гипершилтеме ".
"Шилтемелер", ошондой эле Hyperlinks, ошондой эле жалпы эле белгилүү Желе абдан динамикалуу кылып жатат. дагы бир макала же башка булакка шилтеме турган басма сөз басылмасында айырмаланып, сайттарды, чынында, ал башка барактарда жана ресурстарга келген жөнөтүү үчүн бул шилтеме колдоно аласыз. башка берүү орто бул мүмкүн эмес. Сиз теле радио же көз карашы боюнча жарнама уга алат, бирок сайты жонокой жасай ала турган ошол жарнамалардын жол компанияларга алып турган эч гипершилтемелерге бар. Links чындап эле кереметтүү байланыш жана өз ара аракеттенүү куралы болуп саналат!
Көп учурда, а сайтында табылган шилтемелер ошол эле сайттын башка барактарда келгендерди жетектейт текст мазмуну болуп саналат. Бир сайттын багыттоо, бирок иш жүзүндө текст шилтеме бир мисал текст негизделген болушу керек эмес болуп саналат. Ошондой эле сенин сайтында сүрөттөрдү -га шилтеме берген болот. бул иш кандай, сиз сүрөт негизделген гиперлинк колдонууну каалаган кээ бир учурларда кийин карап чыгалы.
Сүрөтү кантип байланыштыруу үчүн
Эмне керек биринчи сүрөттү сенин коюу үчүн HTML документ. бир сүрөттөлүш негизделген шилтемени жалпы пайдалануу анда сайттын башкы кайра байланышкан сайттын логотип көркөм болот. Төмөндө мисал кодексине, биз колдонуп жаткан билэ учун SVG болуп биздин логону. Бул биздин сүрөт, ар кандай токтом шкаласы бардык учурда сактоо жана сапаттуу бир сүрөттөлүш жана кичинекей жалпы билэ кээмэйэ мүмкүндүк берет, себеби жакшы чечим болуп саналат.
Бул жерде HTML документте сиз сүрөттү коюп кантип эле:
<Таки "logo.svg" чыкма = "Биздин компания логотип">Тата тегерегинде, эми айкелдин алдында казык элементи ачуу жана бейнеси кийин кеме казыкты жаап, казык шилтемени кошуп келет. Бул тексттин байланышы бар, бир гана сен казык Tags менен шилтеме болгум келет сөздөрдү ташуу ордуна, сиз сүрөттү ороп кандай окшош. Төмөндө биздин Мисалы, биз "index.html" биздин сайттын башкы, кайра байланыштырып жатышат.
<УРА "logo.svg" чыкма = "Биздин компания Logo">Сиздин беттеги Бул HTML кошуп жатканда, казык белгиси менен Тата ортосунда эч кандай Суроо жок. Эгер ошондой болсо, кээ бир серепчилер кызыктай карап бейнеси, жанында бир аз кенелерди кошот.
Картинки азыр да бул күн абдан көп желе стандарты болуп саналган башкы баскычты, ошондой эле иш-аракет кылат. Биз HTML белгилөө менен, мисалы, айкелдин туурасы, бийиктиги катары кандайдыр бир көрсөтмө стилдерди, анын ичинде эмес экенин карап көрөлү. Биз CSS бул көрсөтмө стилин таштап, HTML түзүлүшү жана CSS стилдердин таза бөлөк сактай алышат.
Сиз CSS менен стилдерди кандай алуу керек кийин бул логотип диаграммасын, анын ичинде сүрөт, туткасы камтышы мүмкүн максатында жазып жооп стилдеги чек же CSS сыяктуу, сиз сүрөт / шилтеме кошуу үчүн көп түзмөк достук Сүрөттөрдү, ошондой эле ар кандай материалдар боюнча көлөкө түшүрүп. Ошондой эле, сиз CSS стилдер менен колдонуу үчүн кошумча "илгич", зарыл болсо, сиздин сүрөттү же класстык касиетти шилтеме бере алмак.
Image Шилтемелер учурларда колдонуу
Ошентип, бир сүрөттөлүш шилтемени кошуп, абдан жеңил болуп саналат. Жогоруда да айтылгандай, сиз эмне кылышыбыз керек бардык тиешелүү казык Tags менен сүрөттү ороп турат. Кийинки суроо: "Сен, чынында, аталган логотип / Башкы шилтемеси Мисалы тышкары иш жүзүндө бул эмне болмок эле?" Деп айтууга болот
Бул жерде кээ бир ойлор бар:
- Бул сүрөттөрдүн көп түрү шилтеме бир галереясындагы кичирейтилген сүрөттөр.
- гана колдонулат Images электрондук соода сайтына продукт суроту жакса, мазмунду өкүлү.
- башка мазмундагы бир бөлүгү болуп саналат Teaser сүрөттөр, блог макала же пресс-релиздин сыяктуу, ошол мазмун байкабай адамдарды азгырып, аларды таптап, же толук макаланы окуп чыкылдатуу үчүн максаттуу аймакты бер +.
- кнопкалары катары колдонулат Icon сүрөттөр белгилүү бир иш же сайттын ичиндеги барактардын туташуу үчүн.
- Коомдук медиа шилтемелер ошол сайтка же коом үчүн маанилүү болуп саналган ар кандай коомдук медиа сайттардын таанымал, логотип колдонушат.
- түрү берген сыяктуу эле, белгилүү бир иш-аракеттер үчүн баскычтардын катары колдонулган сүрөттөр (мыкты тажрыйбалар белгилешет - сайт аткаруу көз карашы, таза CSS менен атай баскычтар сүрөтү кнопкалары караганда жакшы тандоо болуп эсептелет).
Images колдонуп Reminder
Images сайт ийгилигинин маанилүү ролду ойной алат. Бул мазмунга буруу жана аны окуп адамдарды алып чыгуу үчүн башка мазмун менен катар сүрөттөрдү колдонуп жогоруда келтирилген мисалдардын бири.
Сүрөттөрдү колдонгон учурда, сиз билет болушу керек , сенин муктаждыктары үчүн оң образын тандап , бул туура сүрөт темасы, түзүлүшү камтыйт, ошондой эле сиз интернет колдонгон бардык сүрөттөр бар экенин кабыл алуу туура сайты жеткирүү үчүн оптималдаштырылган . Бул сүрөттөрдү кошуу үчүн көптөгөн иштерди аткаруу сыяктуу сезилиши мүмкүн, бирок акыбети акыбети кайтпай койбойт! Сүрөттөр чын эле сайттын ийгилигине көп кошууга болот.
Сиздин сайтка тиешелүү сүрөттөрдү колдонуу, жана анын мазмунуна карата өз ара бир нече кошуу үчүн зарыл болгон учурда ошол сүрөттөрдү -га шилтеме берген, ошондой эле бул сүрөттөлүш мыкты тажрыйбаларды эске бул сүрөттөр / шилтемелер желе долбоорлоо ишин туура жана жоопкерчиликтүү пайдаланууга чечкиндүү бол.