Auala e Fa'aopoopo ai se Ata i le HTML

Auala e Fa'aopoopo ai se Ata i le HTML

O le HTML (HyperText Markup Language) o le gagana fa'ailoga tulaga fa'aaoga e fatu ma fa'atupu ai mea i luga o le upega tafaʻilagi. O se tasi o mea sili ona taatele ma aoga i le atinaʻeina o upega tafaʻilagi o le mafai lea ona faʻaopoopo ata. I lenei mataupu, o le a tatou aʻoaʻoina pe faapefea fa'aopoopo se ata ile HTML faigofie ma aoga.

Anatomy o le pine ata i le HTML

O le faʻailoga ata ile HTML o loʻo faʻatusalia ile elemene . O lenei pine e leai se tapuni ma e faʻaaogaina e faʻapipiʻi ata i totonu o se itulau web. O lea ua faaalia ai le fa'avae fa'avae ole fa'ailoga ata ile HTML:

"`html

«`

– fa'asologa: o le uiga manaʻomia e faʻamaonia ai le ala poʻo le URL o le ata e faʻaalia.
– isi mea: o le uiga mana'omia e maua ai isi tusitusiga mo le ata, ina ne'i le mafai ona utaina le ata. E taua tele mo le avanoa i luga ole laiga.
– lautele: o se uiga e filifili e setiina le lautele o le ata i pika.
– maualuga: o se uiga fa'apitoa e fa'atulaga ai le maualuga o le ata i pika.

Fa'aopoopoina se ata fa'apitonu'u

Mo fa'aopoopo se ata fa'apitonu'u ile HTMLMuamua, e tatau ona e mautinoa o loʻo ia te oe le ata o loʻo faʻasaoina i totonu o le pusa lava lea e tasi poʻo le faʻasologa o le faila HTML o loʻo e galue ai. Ona mafai lea ona e faʻaogaina le pine ma le uiga src e faʻamaonia ai le ala faʻatatau o le ata.

I se aotelega, fa'aopoopo se ata ile HTML O se faiga faigofie e mafai ona faʻaleleia atili foliga ma mea o loʻo i totonu o se itulau web. E ala i le faʻaogaina o le faʻaogaina o le faʻailoga ata ma ona uiga, o le a mafai ona e faʻavasegaina ma faʻaola au galuega faatino upega tafa'ilagi sili atu ona lelei. Faʻaalia lou fatufatuaʻi e ala i le faʻapipiʻiina o ata matagofie ma talafeagai!

1. Elemene HTML faavae e fa'aopoopo ai se ata

HTML tags e fa'aopoopo ai se ata
Ina ia faaopoopo se ata i le HTML, lua pine autu e faʻaaogaina: y O le fa'ailoga e faʻaaogaina e faʻamatala ai le ata lava ia, aʻo le pine e fa'aoga e fa'ailoa ai le nofoaga o le ata. I totonu o le igoa , ua fa'aaogaina le uiga src e fa'ailoa mai ai le amataga o le ata, ma le uiga suiga e tu'uina atu isi tusitusiga ina ne'i le mafai ona uta le ata.

Uiga fa'aopoopo e fa'aleleia atili ai le va'aiga
I le faʻaopoopoga i uiga faʻavae, o loʻo i ai uiga faʻaopoopo e mafai ona faʻaogaina e faʻaleleia ai le vaʻaia mai se ata i le HTML. O se tasi o na uiga o le uiga lautele, o loʻo faʻaaogaina e faʻamaonia le lautele o le ata i pika poʻo pasene. O le isi uiga aoga o le uiga maualuga, lea e faʻaaogaina e faʻamaonia ai le maualuga o le ata. E mafai foi ona e faʻaogaina uiga fa'atulaga e fa'aogatasi le ata e fa'atatau i tusitusiga o lo'o siomia ai, ma faiga e fa'aoga sitaili masani ile ata, pei ole lapo'a po'o le lanu o tua.

Fuafuaga Fa'atatau ma Avanoa
Pe a faʻaopoopoina se ata i le HTML, e taua le mafaufau i le faʻaleleia ma le faʻaogaina. Ina ia faʻamalieina se ata, e fautuaina e faʻapipiʻi e faʻaitiitia ai le tele o le faila e aunoa ma le leiloa o le tele o foliga vaaia. E fesoasoani lea i luga ole laiga o itulau i luga ole laiga ma fa'aleleia atili le poto masani ole tagata. E tusa ai ma le faʻaogaina, e taua le tuʻuina atu o tusitusiga alt anoa i le uiga suiga mai le fa'ailoga . Ole mea lea e mafai ai e tagata e fa'aletonu le va'aiga po'o e fa'aogaina le au faitau mata'itusi e malamalama i mea o lo'o i totonu o le ata. E le gata i lea, e tatau ona e mautinoa o le alt text o loʻo faʻamatalaina ma talafeagai i le tala o le ata.

2. Fa'ailoga igoa ma uiga taua

O le fa'ailoga O se tasi o mea e sili ona faʻaaogaina i le HTML e faʻapipiʻi ata i totonu o se itulau web. Ina ia aofia ai se ata i totonu o la tatou code, e manaʻomia le faʻaopoopoina o lenei pine ma nisi o uiga taua e manaʻomia mo le ata e faʻaalia saʻo i totonu ole suʻega. O se tasi o uiga sili ona taua o le src, lea e faʻaalia ai le ala poʻo le URL o le ata tatou te manaʻo e faʻaalia. A aunoa ma lenei uiga, o le pine E leai ni au ata e fa'aali.

O le isi uiga taua o le suiga, lea e fa'amaoti mai ai se isi tusitusiga e fa'aalia pe a le mafai ona utaina le ata po'o le tagata fa'aoga ua le atoatoa le utaina o ata. E taua le aofia ai o tusitusiga faʻamatalaga i lenei uiga, aua e fesoasoani i tagata faʻaletonu le vaai e malamalama i mea o loʻo i totonu o le ata.

I le faaopoopo atu i nei uiga, e iai isi e pei o lautele y maualuga, lea e mafai ai ona e faʻamaonia le lautele ma le maualuga o le ata i pixels. O nei uiga e filifili, ae e fautuaina e te faʻaaogaina e pulea ai le tele o le ata ma puipuia ai mai le faʻalavelave i luga o le itulau.

I se faapuupuuga, e faʻaopoopo se ata ile HTML, e manaʻomia ona tatou faʻaogaina le pine ma faaopoopo i ai uiga taua e pei o src y suiga. E mafai foi ona tatou fa'aogaina uiga fa'apitoa e pei o lautele y maualuga e pulea le tele o ata. E taua le maitauina o le alt text i le uiga suiga E tatau ona faʻamatalaina ma talafeagai e faʻamautinoa ai le faʻaogaina o la matou upega tafaʻilagi.

3. Filifiliga ma sauniuniga o le ata talafeagai

I lenei vaega, o le a e aʻoaʻoina pe faʻapefea ona filifili ma saunia le ata talafeagai e faʻaopoopo i lau itulau HTML itulau. E taua le filifilia o se ata e talafeagai ma manaia mo tagata faʻaoga, aua o lenei mea e fesoasoani e pu'eina ai o latou mafaufau ma fa'aleleia atili ai le su'esu'ega. E le gata i lea, o le saunia lelei o ata e mautinoa o lo'o fa'aalia sa'o i luga masini eseese ma le tele o le lau.

Filifiliga o ata: Aʻo leʻi faʻaopoopoina se ata i lau itulau web, e taua le filifilia o se ata e fetaui ma mea o loʻo i totonu ma le faʻamoemoe o lau 'upega tafaʻilagi. E mafai ona e fa'aogaina au lava ata po'o su'esu'e i faletupe ata e leai se totogi pe totogi. E fautuaina le filifilia o ata maualuga ma se faatulagaga masani e lagolagoina e pei o le JPG, PNG poʻo le GIF. E le gata i lea, ia mautinoa o loʻo ia te oe le aia tatau e faʻaaoga ai le ata pe afai e te le o iai.

Fa'atonu ma fa'asilisiliina: O le taimi lava e te filifilia ai le ata, ua oʻo i le taimi e faʻasaʻo ai ma faʻamalieina mo le upega tafa'ilagi. E mafai ona e fa'aogaina polokalame fa'atonutonu ata e pei o Photoshop po'o le GIMP e fa'afetaui ai lona tele, fa'ato'a vaega e le mana'omia, ma fa'aleleia le lelei. E le gata i lea, e taua tele le faʻaogaina o le ata e faʻaitiitia ai lona tele ma faʻaleleia le saoasaoa o le utaina o lau itulau. Fa'aoga meafaigaluega e pei o le TinyPNG po'o le JPEGmini e fa'apipi'i ai le ata e aunoa ma le leiloa o le lelei.

Alt ma ulutala fa'ailoga: Ina ia faʻaleleia le faʻaogaina ma faʻafaigofie ona malamalama le ata, e taua le faʻaopoopoina o faʻailoga alt ma ulutala. O le alt tag e maua ai isi tusitusiga e fa'aalia pe a le sa'o le utaina o le ata po'o tagata fa'aletonu le va'ai o lo'o fa'aogaina lau faitau mata. O le alt tag text e tatau ona fa'amatala fa'apuupuu le anotusi o le ata. E fa'aoga le uiga fa'aigoa e tu'uina atu ai fa'amatalaga fa'aopoopo o le ata pe a fa'ae'e le tagata fa'aoga i luga.

Manatua: Filifilia o se ata talafeagai ma le manaia, faʻasaʻo ma faʻamalieina ma le talafeagai, ma le faʻaopoopoina o alt ma ulutala faʻailoga e manaʻomia mo se itulau uepi ma faigofie ona maua. Mulimuli i laasaga nei e faaopoopo ai ata aogā i luga o lau 'upega tafaʻilagi ma faʻaleleia le poto masani o tagata faʻaoga.

4. Faʻaaogaina le alt meatotino e faʻaleleia ai le avanoa ma le SEO

Ole alt property ile HTML e mana'omia uma e fa'aleleia ai le avanoa mai se 'upega tafaʻilagi 'upega tafaʻilagi e faʻaleleia lau SEO. O le alt tag e fa'aaogaina e tu'uina atu ai isi tusitusiga mo se ata pe a le mafai ona fa'aalia pe faitau leotele le anotusi o le itulau. E taua tele le faʻapipiʻiina o lenei meatotino i luga o ata uma aua e mafai ai e tagata faʻaletonu le vaai ona malamalama i mea vaaia e ala i le au faitau mata poʻo isi masini fesoasoani.

A fa'aopoopo le alt text i le alt property, e taua le fa'amautinoaina o lo'o fa'amatala lelei mea o lo'o fa'atusalia i le ata. E tatau ona faʻamatalaina ma faʻapuupuu, faʻasalalau faʻamatalaga autu o le ata. E le gata i lea, e fautuaina e faʻaoga upu autu e fesoʻotaʻi ma le autu o le itulau e faʻaleleia ai le SEO. O lenei mea o le a fesoasoani i masini suʻesuʻe e malamalama ai i mea o loʻo i ai ata ma faʻavasega le upega tafaʻilagi sili atu i taunuuga o sailiga.

I le faʻaopoopoga i le faʻaleleia atili o le faʻaogaina ma le SEO, o le faʻaogaina tatau o le meatotino alt e mafai foi ona faʻamanuiaina tagata faʻaoga o loʻo i ai se fesoʻotaʻiga lemu pe faʻatapulaʻaina. A le mafai ona faʻaalia se ata ona o faʻafitauli o le utaina, o le alt text o loʻo tuʻuina atu i le alt property o le a mafai ai e tagata faʻaoga ona malamalama i mea o loʻo i totonu o le ata e aunoa ma le faʻatali mo le utaina. O lenei mea e faʻaleleia ai le poto masani a le tagata faʻaoga ma aloese mai faʻalavelave faʻalavelave.

I se faapuupuuga, o le faʻaaogaina o le alt property e taua tele i le faʻaleleia o le avanoa ma le SEO o se upega tafaʻilagi. O le tu'uina atu o fa'amatalaga ma fa'atatau alt text mo ata ta'itasi o le a fesoasoani i tagata fa'aletonu le va'aiga e malamalama ai i mea va'aia ma fa'ataga ai masini su'esu'e e fa'asino lelei le saite. E le gata i lea, o le a faʻamanuiaina foi tagata faʻaoga i fesoʻotaʻiga faʻagesegese pe faʻatapulaʻaina e ala i le faʻatagaina latou te malamalama i mea faitino e aunoa ma le faʻatali mo le ata e utaina. Aua ne'i galo e fa'aofi i taimi uma le meatotino alt i luga o au ata uma e fa'aleleia atili ai le poto masani o tagata fa'aoga ma fa'ateleina le va'aia o lau 'upega tafa'ilagi i masini su'esu'e.

5. Fetuunai le tele o ata ma le tulaga

O le fetuutuunai o le tele ma le tulaga o se ata i le HTML e taua tele e ausia ai se mamanu matagofie ma paleni i luga o se itulau web. Ina ia ausia lenei mea, o loʻo i ai filifiliga eseese e mafai ai ona e faʻafetaui ma faʻavasega ata e tusa ai ma manaʻoga o le poloketi. O auala autu e faia ai nei fetuunaiga o le a faʻamatalaina i lalo.

Fetuunaiga o le tele: Ina ia suia se ata, e mafai ona e faʻaogaina le uiga "lautele" ma le "maualuga" i le pine . O nei uiga faʻatagaina oe e faʻamaonia le lautele ma le maualuga o le ata i pixels. Faataitaiga, . E le gata i lea, e mafai foi ona e faʻaogaina le uiga "style" e faʻamatala ai le tele i le pasene poʻo i iunite faʻapitoa (% poʻo em). Faataitaiga, .

Fetuunaiga o le tulaga: Ina ia suia le tulaga o se ata e faʻatatau i lona atigipusa, o le uiga "style" e mafai ona faʻaoga faʻatasi ma le meatotino "float". Faataitaiga, . Ole mea lea ole a fa'aoga tutusa le ata ile itu agavale ole koneteina. E mafai fo'i ona e fa'aogaina le meatotino "margin" e fa'afetaui ai le pito po'o le avanoa i le ata. Faataitaiga, .

Fetuunaiga fa'aoga: Ina ia fa'aogaina se ata fa'alava i totonu o lona atigipusa, e mafai ona e fa'aogaina le "text-align" CSS property i luga o le container. Mo se faʻataʻitaʻiga, afai e te manaʻo e faʻaoga se ata i le ogatotonu, e mafai ona e faʻaogaina "text-align: center;" i le koneteina. E le gata i lea, e mafai foi ona e fa'aogaina le meatotino "vertical-align" e fa'aoga sa'o ai le ata i totonu o le tusitusiga. Faataitaiga, . O nei metotia e faʻatagaina oe e faʻafetaui lelei le tele ma le tulaga o se ata i luga o se itulau web, faʻaleleia le poto masani a le tagata faʻaoga.

6. Fa'atonu ata ma fa'atulagaina e fa'aleleia ai le saoasaoa o le utaina

Pe a faʻaleleia ata e faʻaleleia ai le saoasaoa o le utaina o se upega tafaʻilagi, e taua le mafaufau i le faatulagaga ma le tele o le ata. Pe a filifilia le faʻasologa o ata, e fautuaina e faʻaoga faʻasologa e pei o le JPEG poʻo le PNG, aua e sili ona taatele ma lagolagoina e le tele o tagata suʻesuʻe. E le gata i lea, o nei faʻatulagaga e mafai ai ona faʻapipiʻi le ata e aunoa ma le leiloa o le tele o uiga vaaia.

E taua tele le fa'apipi'i ata e faʻaititia le tele o faila ma faʻaleleia ai le saoasaoa o le utaina. E tele meafaigaluega i luga ole laiga ma polokalama faʻapitoa e mafai ona fesoasoani i lenei mea, pei ole Photoshop, TinyPNG poʻo le JPEG Optimizer. O nei meafaigaluega e faʻatagaina oe e faʻafetaui le lelei o le ata, faʻaitiitia le fofo ma faʻaumatia metadata e le manaʻomia. Ia manatua foi o le tele o ata e tatau ona talafeagai mo le faʻaogaina i luga o le upega tafaʻilagi, aloese mai le faʻaaogaina o ata e lapopoa tele aua e faʻagesegese ai le utaina o le itulau.

I le fa'aopoopoga i le fa'apipi'iina, O le isi itu taua o le tele o le ata i pixels. E fautuaina le fetuutuunai saʻo o le ata i le HTML e faʻaaoga ai uiga e pei o le "lautele" ma le "maualuga." Ole mea lea e mafai ai e le su'esu'e ona fa'apolopolo avanoa talafeagai mo le ata, e taofia ai le pa'u o se fa'atulagaga a'o uta le itulau. E aoga fo'i le fa'aogaina o meafaigaluega e pei o le "srcset" e fa'ailoa mai ai fa'aliliuga 'ese'ese o le ata mo le tele o lau mata ma fa'ai'uga.

I le faaiuga, ina ia faʻaleleia le saoasaoa o le utaina o se itulau uepi, e tatau ona faʻamalieina ma faʻatulaga lelei ata. E aofia ai le filifilia o le faatulagaga saʻo, faʻapipiʻi le ata e aunoa ma le leiloa o le lelei, ma fetuutuunai le tele o pika e faʻamautinoa ai le faʻatinoga lelei. Mulimuli nei fautuaga, o le a mafai ona e faʻaleleia le poto masani o tagata faʻaoga ma le faʻatulagaina o lau 'upega tafaʻilagi i masini suʻesuʻe.

7. Faʻaopoopoina o se faʻamatalaga poʻo se ulutala i le ata

Faʻafefea ona faʻaopoopo se faʻamatalaga poʻo se ulutala ile ata ile HTML

Pe a matou faʻaopoopoina ata i luga o la matou itulau web, e taua le tuʻuina atu o se faʻamatalaga poʻo se ulutala e faʻaleleia atili ai le faʻaogaina ma le poto masani o tagata. I le HTML, e eseese a matou auala e ausia ai lenei mea. Lalo o le a ou faʻamatalaina auala lauiloa e tolu mo le faʻaopoopoina o se faʻamatalaga poʻo se ulutala i au ata.

1. uiga “alt” i le igoa : O se auala masani e faʻaopoopo ai se faʻamatalaga i se ata i le HTML o le fa'aogaina lea o le uiga "alt" i le fa'ailoga . O lenei uiga e fa'aaogaina e tu'uina atu ai isi tusitusiga e fa'aalia pe a le sa'o le utaina o le ata. E le gata i lea, o masini suʻesuʻe ma fesoasoani faitau e faʻaogaina lenei faʻamatalaga e malamalama ai i mea o loʻo i totonu o le ata. O tusitusiga e tatau ona pupuu ma manino, e puʻeina le vaega sili ona taua o le ata.

2. uiga "igoa" i luga o le igoa : O le isi auala e faʻaopoopo ai se faʻamatalaga poʻo se ulutala i se ata o le faʻaaogaina lea o le "igoa" uiga i le pine . O lenei uiga e faʻaaogaina e tuʻuina atu ai faʻamatalaga faaopoopo e uiga i le ata pe a faʻaoga le tagata faʻaoga i luga. E mafai ona e fa'aogaina lenei mea e ofo atu ai nisi fa'amatalaga e uiga i le ata pe tu'uina atu i ai fa'amatalaga patino.

3. Fa'ailoga

y