3 gagnleg HTML-merki sem þú vissir kannski ekki einu sinni að væru til

Framhliðarþróunaraðilar þurfa að vera mjög kunnugir HTML-merki þar sem þetta er eðlilegt umhverfi þeirra á hverjum degi. Ég veðja að þið þekkið nokkur grunnmerki eins og , , og svo framvegis. En til dæmis, vissir þú að þú getur lagt til orðaskurðartímapunkt með því að nota eingöngu HTML, án CSS?

Velkomnir aftur

Segjum sem svo að þú sért að vinna að vefsíðu eða forriti fyrir þýskum viðskiptavini. Eins og þú veist geta þýsk orð verið ótrúlega löng. Svo þú hefur hönnunina með nokkru textainnihaldi sem þú þarft að endurskapa í kóði og þessi efni þurfa að brotna á mjög ákveðnum augnablikum. Hér kemur Merki til að hjálpa þér.

Afmæliskaka

Þetta er það! Með svo einföldu tag-i geturðu breytt innihaldi texta eins og þú vilt.

En hvað með vafrastuðning? Jæja, hann er nokkuð góður, til að vera hreinskilinn. Flestir vafra skilja þessa merkingu, en Opera á Android og Safari á iOS gætu átt í vandræðum.

Mæli

Ímyndaðu þér að þú sért að byggja upp diskageymslustjóraforrit. Þú þarft einhvernig að sýna í notendaviðmótinu hversu mikið geymslupláss er enn tiltækt, og þú vilt virkilega gera það sem aðgengilegast. Þetta er bara fullkomið notkunartilvik fyrir mæli Merki. Það mun bara sýna þér gildið innan fyrirfram skilgreinds bili. Annað flott við þetta merki eru eiginleikar þess:

• lágt → þegar núverandi gildi er lægra en stillta lágmarkið, verður stöng mælisins rauð;
• hámark → þegar núverandi gildi er hærra en hámarksgildi eiginleikans, verður stöng mælisins græn;
• hátt → þegar há gildi er lægra en hámark og hærra en kjörgildi, verður stöng mælisins appelsínugul. Annars verður hún græn.

Þú gætir líka þekkt svipaða merkimiða sem heitir progress. Hver er þá eiginlega munurinn á þeim? Progress-merkið ætti að nota fyrir verkefni sem eru í gangi. Með öðrum orðum, notaðu progress-merkið þegar þú ert að vinna með tiltekið verkefni. Meter-merkið ætti að nota til að sýna diskapot eða minnisnotkun. Annar munur er sá að meter-merkið er ekki studd í IE og það er í raun eini ókosturinn við þetta merki.

DEL og INS

Hefurðu einhvern tíma velt því fyrir þér hvernig á að búa til aðgengilegan vísbendingarvísi um eytt og bætt efni (munur í GitHub eða tölvupósttilkynningar frá Jira þegar miðinn hefur verið uppfærður)? Þú þarft bara að vefja hið eytt efni með themerki. Til dæmis: <del><p>Bara eyddur efni</p></del>. Til að sýna aðeins þann bættan hluta efnisins geturðu notað Tagið býður einnig upp á tvö eiginleika:

• Tilgreina auðkenni auðlindar sem útskýrir hvers vegna þessum hluta var bætt við;
• dagsetningartími → gögn og tíma breytingarinnar.

Það eru, auðvitað, mun gagnlegri Merki í HTML . Ég mæli eindregið með að nota þau öll þegar mögulegt er og við á. Viðskiptavinir þínir og notendur forritsins munu þakka þér fyrir slíka nálgun. Vertu þó varkár, því sumar merkimiðar kunna að vera úreltar. Þú getur alltaf gangað úr skugga um að sjaldgæfari merkimiði sem þú vilt nota sé enn í gildi og hafi góðan stuðning í MDN-skjöl.