Ag Cur Íomhánna le Leathanaigh Ghréasáin

Féach ar aon leathanach gréasáin ar líne inniu agus tabharfaidh tú faoi deara go gcomhroinnfidh siad rudaí áirithe i gcoitinne. Ceann de na tréithe comhroinnte sin ná íomhánna. Cuireann na híomhánna ceart go mór le cur i láthair an láithreáin ghréasáin. Cuidíonn cuid de na híomhánna sin, cosúil le lógó na cuideachta, an suíomh a bhranda agus an eintiteas digiteach sin a nascadh le do chuideachta fhisiceach.

Chun íomhá, deilbhín nó grafaicí a chur ar do leathanach gréasáin, ní mór duit an clibe a úsáid i gcód HTML leathanach. Cuir tú an clib IMG i do HTML go díreach nuair is mian leat an grafach a thaispeáint. Cuirfidh an bhrabhsálaí gréasáin atá ag cur cód an leathanaigh in ionad an chlib seo leis an ngrafán cuí nuair a bhreathnaítear ar an leathanach. Ag dul ar ais chuig sampla lógó na cuideachta, is é seo conas is féidir leat an íomhá sin a chur ar do shuíomh:

Gnéithe Íomhá

Ag féachaint ar an gcód HTML thuas, feicfidh tú go bhfuil dhá thréith ag an eilimint. Tá gach ceann acu ag teastáil chun an íomhá.

Is é an chéad tréith an "src". Is é seo an comhad íomhá go leor go bhfuil tú ag iarraidh a thaispeáint ar an leathanach. Ina sampla, táimid ag baint úsáide as comhad ar a dtugtar "logo.png". Seo é an grafach a thaispeánfadh an brabhsálaí gréasáin nuair a rinne sé an láithreán.

Tabharfaidh tú faoi deara freisin, roimh ainm an chomhaid seo, chuir muid roinnt eolais bhreise, "/ images /". Seo an bealach comhaid. Cuireann an Slash tosaigh ar aghaidh leis an bhfreastalaí breathnú ar fhréamh an eolaire. Ansin lorgfaidh sé fillteán ar a dtugtar "íomhánna" agus ar deireadh an comhad darb ainm "logo.png". Is cleachtas an-choitianta é úsáid a bhaint as fillteán ar a dtugtar "íomhánna" chun grafaicí na suímh a stóráil go leor, ach d'athrófaí do bhealach comhaid le cibé is ábhartha do do shuíomh.

Is í an dara tréith riachtanach an téacs "alt". Seo an "téacs malartach" a thaispeántar má mhainníonn an íomhá a luchtú ar chúis éigin. Léireofar an téacs seo, a léireann "Lógó Cuideachta" inár sampla má theipeann ar an íomhá a luchtú. Cén fáth go dtarlódh sin? Cúiseanna éagsúla:

Níl ach roinnt de na féidearthachtaí acu seo ar cén fáth gur féidir ár n-íomhá shonraithe a bheith ar iarraidh. Sna cásanna seo, taispeánófaí ár dtéacs alt ina ionad.

Úsáidtear téacs Alt freisin le bogearraí léitheoirí scáileáin chun an íomhá "léamh" a thabhairt do chuairteoir atá faoi mhíchumas fís. Ós rud é nach féidir leo an íomhá a fheiceáil mar a dhéanaimid, tugann an téacs seo fios dóibh cad é an íomhá féin. Sin é an fáth go bhfuil gá le téacs alt agus cén fáth gur chóir go soiléir a rá cad é an íomhá!

Is míthuiscint chomhchoiteann ar théacs alt é go bhfuil sé i gceist chun críocha inneall cuardaigh. Níl sé seo fíor. Cé go léann Google agus innill chuardaigh eile an téacs seo chun a chinneadh cad é an íomhá (cuimhnigh nach féidir leo "do íomhá" a fheiceáil), níor chóir duit téacs alt a scríobh chun achomharc cuardaigh a dhéanamh ach amháin. Téigh go soiléir leis an téacs alt údar a chiallaíonn do dhaoine. Más féidir leat roinnt eochairfhocail a chur isteach sa chlib a achomharc chuig innill chuardaigh, tá sé sin go maith, ach déan cinnte go bhfuil an téacs alt ag freastal ar a phríomhchuspóir ag rá cad é an íomhá atá ann do dhuine ar bith nach féidir leo an comhad grafaicí a fheiceáil.

Gnéithe Eile

Tá dhá thréith eile ag an gclib IMG gur féidir leat a fheiceáil nuair a chuireann tú grafach ar do leathanach gréasáin - an leithead agus an airde. Mar shampla, má úsáideann tú eagarthóir WYSIWYG cosúil le Dreamweaver, cuireann sé an t-eolas seo go huathoibríoch duit. Seo sampla:

Aithníonn tréithe WIDTH agus HEIGHT méid an íomhá don bhrabhsálaí. Ansin a fhios ag an mbrabhsálaí go díreach cé mhéad spás sa leagan amach a leithdháileadh, agus is féidir leis dul ar aghaidh go dtí an chéad eilimint eile ar an leathanach agus an íomhá íoslódála. Is í an fhadhb a bhaineann leis an fhaisnéis seo a úsáid i do HTML ná nach mian leat do íomhá i gcónaí a thaispeáint ar an méid cruinn sin. Mar shampla, má tá suíomh gréasáin sofhreagrach agat a bhfuil na hathruithe sizing bunaithe ar scáileán cuairteoirí agus ar mhéid an fheiste, beidh tú ag iarraidh go mbeidh do chuid íomhánna solúbtha freisin. Má luaitear i do HTML cad é an méid socraithe, gheobhaidh tú an-deacair é a sheasamh le fiosrúcháin chuí freagartha sna meáin CSS . Ar an gcúis seo, agus go gcoinnítear idirscaradh stíl (CSS) agus struchtúr (HTML), moltar NÍL duit tréithe leithead agus airde a chur ar do chód HTML.

Nóta amháin: Má fhágann tú na treoracha sizing seo agus nach gcuireann tú méid ar leith i CSS, taispeánfaidh an brabhsálaí an íomhá ar a mhéid réamhshocraithe, mar dhúchas dúchais ar aon nós.

Arna eagarthóireacht ag Jeremy Girard