Użu tat-Tag HTML IMG għal Stampi u Oġġetti
It-tikketta IMG HTML tirregola l-inserzjoni ta 'stampi u oġġetti grafiċi statiċi oħra f'paġna web. Din it-tikketta komuni tappoġġja diversi attributi obbligatorji u fakultattivi li jżidu r-rikkezza għall-ħila tiegħek biex tfassal websajt ingaġġata u ffokata fuq l-immaġni.
Eżempju ta 'tikketta tal-IMG HTML mimlija għal kollox tidher bħal din:
Attributi tal-Att IMG Meħtieġa
SRC. L-uniku attribut li għandek bżonn biex tikseb immaġini biex turi fuq paġna web huwa l-attribut SRC. Dan l-attribut jidentifika l-isem u l-post tal-fajl tal-immaġini li għandu jintwera.
ALT. Biex tikteb XHTML u HTML4 validi, l-attribut ALT huwa wkoll meħtieġ. Dan l-attribut jintuża biex jipprovdi browsers mhux viżwali bit-test li jiddeskrivi l-immaġni. Il-browsers juru t-test alternattiv b'modi differenti. Uħud juruha bħala pop-up meta tpoġġi l-maws fuq l-immaġni, oħrajn juruha fil-proprjetajiet meta tagħfas il-lemin fuq l-immaġni, u xi wħud ma juruxha.
Uża t- test alt biex tagħti dettalji addizzjonali dwar l-immaġni li mhumiex rilevanti jew importanti għat-test tal-paġna tal-Web. Imma ftakar li fil-qarrejja tal-iskrin u browsers oħra tat-test biss, it-test se jinqara inlinjat mal-bqija tat-test fuq il-paġna. Biex tiġi evitata l-konfużjoni, uża test alt deskrittiv li jgħid (per eżempju), "Dwar Web Design u HTML" minflok biss "logo".
Fl-HTML5, l-attribut ALT mhux dejjem ikun meħtieġ, għax tista 'tuża caption biex iżżid aktar deskrizzjoni għaliha. Tista 'wkoll tuża l-attribut ARIA-DESCRIBEDBY biex tindika ID li fih deskrizzjoni sħiħa.
It-test Alt lanqas mhu meħtieġ jekk l-immaġni hija purament dekorattiva, bħal grafika fin-naħa ta 'fuq ta' paġna web jew ikoni. Imma jekk m'intix ċert, inkludi t-test alt fil-każ.
Attributi IMG Rakkomandati
WIDTH u GĦOLJA . Għandek tieħu l-vizzju li dejjem tuża l-attributi WIDTH u HEIGHT. U dejjem għandek tuża d-daqs reali u ma naqsimx mill-ġdid l-immaġini tiegħek mal-browser.
Dawn l-attributi jħaffu t-tfassil tal-paġna minħabba li l-browser jista 'jalloka spazju fid-disinn għall-immaġni, u mbagħad ikompli jniżżel il-bqija tal-kontenut, aktar milli jistenna li tniżżel l-immaġni kollha.
Attributi oħrajn IMG utli
TITOLU . L-attribut huwa attribut globali li jista 'jiġi applikat għal kwalunkwe element HTML . Barra minn hekk, l-attribut TITLE ihallik iżid informazzjoni addizzjonali dwar l-immaġini.
Bosta browsers jappoġġjaw l-attribut TITLE, iżda jagħmluh b'modi differenti. Uħud juru t-test bħala pop-up filwaqt li oħrajn juruha f'għamla ta 'informazzjoni meta l-utent jikklikkja fuq l-immaġni. Tista 'tuża l-attribut TITLE biex tikteb informazzjoni addizzjonali dwar l-immaġni, iżda ma tqisx li din l-informazzjoni hija moħbija jew viżibbli. Int għandek aktar definittivament tużax dan biex taħbi keywords għall-magni tat-tiftix. Din il-prattika issa hija ppenalizzata minn bosta magni tat-tiftix.
USEMAP u ISMAP . Dawn iż-żewġ attributi jistabbilixxu mapep tal-immaġini tal-ġenb tal-klijent () u tas-server (ISMAP).
LONGDESC . L-attribut jappoġġja URLs għal deskrizzjoni itwal ta 'l-immaġni. Din il-karatteristika tagħmel l-immaġni tiegħek aktar aċċessibbli.
Attributi IMG Deprecati u Obsoleti
Diversi attributi issa huma skaduti f'HTML5 jew deprezzati f'HTML4. Għall-aħjar HTML, għandek issib soluzzjonijiet oħra minflok tuża dawn l-attributi.
FRUNTIERI . L-attribut jiddefinixxi l-wisa 'f'pilloli ta' kwalunkwe fruntiera madwar l-immaġini. Ġie deprezzat favur CSS f'HTML4 u m'għadux validu fl-HTML5.
ALLINJAMENT . Dan l-attribut jippermettilek li tqiegħed immaġini fit-test u li t-test jimxi madwaru. Tista 'allinja immaġni lejn il-lemin jew lejn ix-xellug. Ġie deprezzat favur il-proprjetà CSS float f'HTML4 u m'għadhiex tintuża f'HTML5.
HSPACE u VSPACE . L-HSPACE u attributi VSPACE żid l-ispazju abjad orizzontalment (HSPACE) u vertikalment (VSPACE). L-ispazju vojt se jiżdied maż-żewġ naħat tal-grafika (fuq u ta 'isfel jew fuq ix-xellug u fuq il-lemin), għalhekk jekk ikollok bżonn biss spazju fuq naħa waħda, għandek tuża CSS. Dawn l-attributi ġew deprivati f'HTML4 favur il-proprjetà tal-marġni CSS, u huma skaduti f'HTML5.
LOWSRC . L-attribut LOWSRC jipprovdi immaġni alternattiva meta s-sors ta 'l-immaġini tiegħek huwa tant kbir li jispiċċa bil-mod ħafna. Per eżempju, jista 'jkollok immaġni li hija ta' 500KB li trid turi fuq il-paġna web tiegħek, iżda 500KB tieħu żmien twil biex tniżżel. Allura inti toħloq kopja ferm iżgħar ta 'l-immaġni, forsi bl-iswed u abjad jew sempliċement estremament ottimizzat, u poġġih dak fl-attribut LOWSRC. L-immaġini iżgħar se tniżżel u tispjega l-ewwel, u mbagħad meta tidher l-immaġni ikbar se tissostitwixxi s-sors ta 'sors baxx.
L-attribut LOWSRC ġie miżjud ma 'Netscape Navigator 2.0 lit-tikketta IMG. Kienet parti mill-livell DOM 1 imma mbagħad tneħħa mil-livell DOM 2. L-appoġġ tal-Browser kien sketchy għal dan l-attribut, għalkemm ħafna siti jsostnu li huwa appoġġjat mill-browsers moderni kollha. Mhuwiex deprezzat f'HTML4 jew skadut f'HTML5 għax qatt ma kien parti uffiċjali ta 'l-ispeċifikazzjoni.
Evita li tuża dan l-attribut u minflok ittejjeb l-immaġni tiegħek sabiex dawn jgħabbu malajr. Il-veloċità tat-tagħbija tal-paġna hija parti kritika tad-disinn tal-Web tajjeb, u stampi kbar paġni bil-mod sa ħafna - anke jekk tuża l-attribut LOWSRC.