10 Rare Tag-uri HTML pe care trebuie să știi cu adevărat

Dezvoltatorii web din aceste zile sunt de multe ori de așteptat să știe și să lucreze în mai multe limbi. Ca rezultat, este dificil să înveți tot ceea ce o limbă are de oferit și să te găsești ușor să nu folosești întregul potențial al unor etichete mai specializate, dar foarte utile.

Din păcate, nu am reușit să atingem întregul potențial al acestor etichete HTML mai obscure. Dar nu este niciodată prea târziu să reveniți în joc și să începeți să scrieți codul care se potrivește cu puterea unor etichete sub-utilizate.

Iată câteva zece dintre cele mai puțin utilizate și eronate etichete din HTML. În timp ce s-ar putea să fie mai puțin familiarizați, aceștia sunt încă folositori în anumite situații.

1.

Toți vom fi familiarizați cu

etichetă, dar ați știut despre asta

micul frate ? vă permite să definiți textul în interiorul elementului ca referință. De obicei, browserul va reda textul în interiorul tag-ul în italice, dar acest lucru poate fi schimbat cu un touch de CSS.

tag este foarte util pentru citarea referințelor bibliografice și a altor site-uri. Iată un exemplu de utilizare a etichetei citate într-un paragraf:

Cartea organizatorică a lui David Allen Lucrurile au fost terminate a luat webul prin furtună.

2.

tag-ul este o modalitate foarte bună de a adăuga o mică definiție între grupurile de opțiuni din interiorul unei casete selectate. Dacă ar fi trebuit să grupați înregistrările de filme în timp, de exemplu, atunci ar arăta astfel:

 Orele de difuzare   Twister Napoleon Dynamite Despre Bob?  Be Kind Rewind Stranger Than Fiction 

Demo live:

Orele de difuzare

Twister Napoleon Dynamite Despre Bob?

Be Kind Rewind Stranger Than Fiction

Acest lucru permite ca lista de selecție să facă separarea vizuală a înregistrărilor de filme.

3.

eticheta este o modalitate de a defini sau explica în continuare un grup de cuvinte. Când treceți peste textul care are eticheta utilizată, apare o casetă mai jos cu textul din eticheta titlului. De exemplu:

 Site-ul de microblogging  Stare de nervozitate sa luptat recent cu downtimes.

Demo live:

SEO este plin de înșelăciune și magie.

4.

tag-ul este o etichetă puțin obscură, dar asta nu înseamnă că nu este util! După cum sugerează și numele,

vă permite să marcați semantic adresele în HTML. Eticheta minuțioasă va marca, de asemenea, toate datele din paranteze, deși stilul poate fi schimbat cu ușurință prin simpla CSS.

Glen Stansberry 1234 Web Dev Lane Oriunde, Statele Unite ale Americii 

5. și

Dacă doriți să afișați editarea reviziilor cu marcare, și sunt doar biletul. Cum implică și numele, evidențiază ceea ce a fost adăugat la document cu o subliniere și arată ce a fost eliminat cu o eliminare.

 Ioan îi place Loves noul său iPod.

Demo live:

Ioan îi place noul său iPod.

6.

Elementele de formă par a fi cele mai ușor de uitat atunci când marchează un document. Dintre elementele formate, una dintre cele mai uitate este etichetă. Nu numai că este un mod rapid de a nota textul etichetei, tag-ul poate transmite, de asemenea, un atribut "pentru" pentru a specifica care element trebuie să primească eticheta. Nu numai acestea sunt tag-uri excelente pentru stil, acestea vă permit, de asemenea, să faceți caption clickable pentru elementul asociat.

 Nume de utilizator 

7.

Setul de câmpuri este un atribut minuscul pe care îl puteți adăuga la formulare pentru a grupa în mod logic elemente de formă. Odată aplicată

eticheta atrage o casetă în jurul elementelor din setul de câmpuri. Puncte bonus pentru adăugarea unui în setul de câmpuri pentru a defini titlul grupului.

 
 
Ești mai deșteaptă decât un clasa a 5-a?
 da  Nu  
 

Demo live:

8.

eticheta este mult asemănătoare cu tag, cu excepția eticheta este utilizată numai pentru a defini cuvinte abreviate. Ca și cum , definiți un titlu în etichetă. Când un vizitator se deplasează peste textul abreviat, definiția completă apare mai jos. tag-ul este rar folosit, dar beneficiile sunt multe pentru cititorii de ecran, spellcheckers și motoarele de căutare.

 Sgt. Pepper's Lonely Hearts Club este albumul meu preferat.

Demo live:

Sgt. Pepper's Lonely Hearts Club este albumul meu preferat.

9. rel

Rel poate fi un insanely utile atribut, deoarece orice element HTML poate fi aplicat în mod corespunzător. Este util pentru trecerea unor variabile suplimentare care nu sunt specificate altfel. Acest lucru este util atunci când utilizați Javascript cu HTML. Dacă aveți un link pe care doriți să îl editați în linie, puteți adăuga:

 Acest link este editabil

Javascript-ul ar putea căuta un link cu atributul rel "clickable", și știe să aplice câteva Ajax și să-i permită să fie editat în linie. Aceasta este una dintre numeroasele tehnici pe care le puteți utiliza cu atributul rel, deoarece posibilitățile sunt nesfârșite.

10.

tag este o etichetă incredibil de obscură. Pentru a fi sincer, mă îndoiesc că mulți dintre voi ați venit în contact cu eticheta, deoarece este greu de folosit vreodată. (Adevărat, nu am văzut eticheta înainte de a începe cercetarea acestui articol.) În esență, eticheta vă permite să specificați un loc în care credeți că o întrerupere de linie ar putea fi utilă, dar numai dacă este necesar. Această etichetă este unică, deoarece se bazează pe discreția browserului de a introduce linia de rupere, dacă este necesar. Este perfect pentru crearea de machete pe care doriți să le evitați să aveți bare de derulare orizontale.

Dacă doriți să obțineți același efect, dar fără a utiliza tag, puteți încerca, de asemenea sau -. Trebuie remarcat că niciuna dintre aceste etichete nu are suport complet în toate browserele. Pentru a vedea ce browsere acceptă etichetele, consultați acest articol prin Quirksmode.

 How do you say Supercalifragilisticexpialidocious?

Cod