Ħares lejn xi paġna tal-web illum u tinduna li jaqsmu ċerti affarijiet komuni. Waħda minn dawk il-karatteristiċi komuni hija immaġini. L-immaġni t-tajba jżidu tant għall-preżentazzjoni ta 'websajt. Xi wħud minn dawk l-istampi, bħal logo tal-kumpanija, jgħinu biex jimmarkaw is-sit u jikkonnettjaw dik l-entità diġitali mal-kumpanija fiżika tiegħek.
Biex iżżid immaġni, ikona jew grafika fuq il-paġna web tiegħek, għandek tuża t-tikketta fil-kodiċi HTML ta 'paġna. Inti tpoġġi t-tikketta IMG fl- HTML tiegħek eżattament fejn trid li turi l-grafika. Il-web browser li qed jirrendi l-kodiċi tal-paġna se jieħu post din it-tikketta bil-grafika xierqa ladarba l-paġna titqies. Jekk tmur lura għall-eżempju tal-logo tal-kumpanija tagħna, hawnhekk tista 'żżid dik l-immaġni fuq is-sit tiegħek:
Attributi tal-immaġni
Meta wieħed iħares lejn il-kodiċi HTML ta 'hawn fuq, se tara li l-element jinkludi żewġ attributi. Kull wieħed minnhom huwa meħtieġ għall-immaġni.
L-ewwel attribut huwa l- "src". Dan huwa pjuttost litteralment il-fajl ta 'l-immaġni li trid tkun murija fuq il-paġna. Fl-eżempju tagħna qed nużaw fajl imsejjaħ "logo.png". Din hija l-grafika li l-web browser se juri meta rrendiet is-sit.
Tinnota wkoll li qabel dan l-isem tal-fajl, aħna żiedu xi informazzjoni addizzjonali, "/ images /". Din hija t-triq tal-fajl. Il-linja ta 'quddiem inizjali tgħid is-server biex tħares lejn l-għerq tad-direttorju. Imbagħad se tfittex folder imsejjaħ "immaġini" u finalment il-fajl imsejjaħ "logo.png". L-użu ta 'folder imsejjaħ "immaġini" biex taħżen il-grafika kollha tas-sit huwa prattika pjuttost komuni, imma l-path tal-fajl tiegħek jinbidel għal dak li hu rilevanti għas-sit tiegħek.
It-tieni attribut meħtieġ huwa t-test "alt". Dan huwa t- "test alternattiv" li jintwera jekk l-immaġni tonqos milli tagħbija għal xi raġuni. Dan it-test, li fl-eżempju tagħna jaqra "Logo tal-Kumpanija" jintwera jekk l-immaġni tonqos milli titgħabba. Għaliex dan jiġri? Diversi raġunijiet:
- Passaġġ tal-fajl inkorrett
- Isem tal-fajl inkorrett jew misspelling
- Żball ta 'trażmissjoni
- Il-fajl tħassar mis-server
Dawn huma biss ftit possibbiltajiet għalfejn l-immaġni speċifikata tagħna tista 'tkun nieqsa. F'dawn il-każijiet, it-test alt tagħna juri minflok.
It-test Alt jintuża wkoll minn softwer tal-qarrejja tal-iskrin biex "jaqra" l-immaġni lil viżitatur li huwa indeboliment tal-vista. Peress li ma jistgħux jaraw l-immaġni bħal ma nagħmlu, dan it-test ihalluhom jafu x'inhi l-immaġini nnifisha. Dan hu għaliex it-test alt huwa meħtieġ u għaliex għandu jiddikjara b'mod ċar x'inhi l-immaġni!
Nuqqas ta 'ftehim komuni tat-test alt huwa li huwa maħsub għal skopijiet ta' search engines. Dan mhux minnu. Filwaqt li Google u magni oħra tat-tiftix jaqraw dan it-test biex jiddeterminaw x'inhi l-immaġini (ftakar li ma jistgħux "jaraw" l-immaġni tiegħek lanqas), m'għandekx tikteb test alt biex tappella biss għall-magni tat-tiftix. Awtur ċar test alt li huwa maħsub għall-bnedmin. Jekk tista 'wkoll żżid xi kliem prinċipali fit-tikketta li tappella lil magni tat-tiftix, dan huwa multa, imma dejjem kun żgur li t-test alt qed jaqdi l-iskop primarju tiegħu billi jiddikjara x'inhi l-immaġni għal kull min ma jistax jara l-fajl tal-grafika.
Attributi oħra
It-tikketta IMG għandha wkoll żewġ attributi oħra li tista 'tara fl-użu meta tpoġġi grafika fuq il-paġna web tiegħek - il-wisa' u l-għoli. Per eżempju, jekk tuża editur WYSIWYG bħal Dreamweaver, awtomatikament iżżid din l-informazzjoni għalik. Hawn hu eżempju:
L-attributi WIDTH u HEIGHT jgħidu lill-browser id-daqs tal-immaġini. Il-browser allura jaf eżattament kemm spazju fit-tqassim li jalloka, u jista 'jimxi fuq l-element li jmiss fuq il-paġna waqt li l-istampi tal-immaġini. Il-problema bl-użu ta 'din l-informazzjoni fl-HTML tiegħek hija li inti tista' mhux dejjem trid li d-dehra tiegħek tidher f'tali daqs eżatt. Per eżempju, jekk għandek websajt li tirreaġixxi bidliet fid-daqs ibbażati fuq skrin tal-viżitaturi u d-daqs tal-apparat, inti wkoll trid li l-immaġini tiegħek ikunu flessibbli. Jekk tiddikjara fil-HTML tiegħek x'inhu d-daqs fiss, issibha diffiċli ħafna biex tiddawwar b'mistoqsijiet responsivi tal- midja tas-CSS . Għal din ir-raġuni, u biex tinżamm separazzjoni tal-istil (CSS) u l-istruttura (HTML), huwa rrakkomandat li ma żżidx il-wisa 'u l-għoli tal-kodiċi HTML.
Nota waħda: Jekk tħalli dawn l-istruzzjonijiet tad-daqs off u ma tispeċifikax daqs f'CSS, il-browser se juri l-immaġni fin-nuqqas tiegħu, id-daqs indiġeni xorta waħda.
Editjat minn Jeremy Girard