10 Tag-uri Cool lucruri HTML pot face
În momentul de față există total de 142 elemente HTML standardizate de W3C, cu excepția celor din fazele inițiale ale standardizării și cele care au depășit termenul. Acestea fiind spuse, este posibil să pierdeți sau să uitați câteva dintre ele care pot fi utile atunci când este necesar.
Anterior am făcut o recapitulare a câtorva dintre cele mai bune trucuri CSS pe care le-ați fi putut trece cu vederea. Această postare vă va aminti câteva dintre etichetele HTML pe care nu le știați că le puteți utiliza pentru a implementa funcții precum:
1. Faceți clic pe Imagini
HTML-ul elementele pot fi folosite pentru a crea hărți de imagine. Harta imaginilor sunt în principiu imagini cu zone clicabile pe ele, care pot fi hiperlinkate la o altă pagină web sau la alte părți ale aceluiași document. Puteți defini care zone ale unei imagini sunt clicabile prin simpla menționare a coordonatelor X Y corespunzătoare acelor puncte din
elemente imbricate în interior
.
Notă: Zonele clickable nu poate fi stilizat prin CSS astfel încât, dacă doriți ca aceste markeri pentru a fi stilizat, utilizați un simplu software de editare a imaginilor pentru a desena markerii.
Bacsis: Dacă doriți să aflați coordonatele pentru un punct într-o imagine, deschideți imaginea într-un software de editare a imaginilor și a muta cursorul la acel punct, ar trebui să poată vedea coordonatele ea în software-ul în sine. Pentru GIMP este afișat în partea stângă a barei inferioare.
2. Sugestii de introducere
Utilizare pentru a furniza o listă de sugestii relevante care apar în timp ce tastați o valoare de intrare.
3. Evidențiați textul
Textul evidențiat are, de obicei, culoarea textului întunecat, cu un fond deschis. Puteți obține acest efect de text evidențiat numai cu marcare. Orice text inclus în interiorul va avea acest efect.
Puteți personaliza evidențiați culoarea cu culoare de fundal
Proprietatea CSS din si culoarea textului cu
culoare
proprietate.
4. Definiți șabloanele
Împreună cu HTML5 a venit noul element.
elementul deține markup în interiorul acestuia, care nu este redat de browsere, trebuie să fie folosită marcajul închis de acesta generați conținut dinamic în pagină folosind JavaScript.
De exemplu, să presupunem că aveți a Imprimarea fină se referă la textul unui document tipărit tipic în dimensiuni foarte mici, care conține informații precum condiții, termeni, restricții, citări, drepturi legale etc. Notă: Toate adresele URL relative din pagină vor fi trimise pe baza adresei URL de bază, dacă aveți legături cu un alt domeniu, nu uitați să alocați adresa URL completă. Dezvoltarea web responsabilă este în vogă cu accesul mobil în continuă creștere. Imaginile pot fi comutate pentru diferite dimensiuni ale ecranului cu marcare. Notă: Aceasta funcționează în prezent numai în Chrome. Va trebui să setați HTML5 a introdus multe elemente noi de tip de intrare; elementul de intrare a culorii este unul dintre ele. Vă permite să alegeți o culoare pe o pagină Web cu ajutorul unui picker de culoare. Dacă aveți multe opțiuni dintr - o listă drop - down și doriți să le arătați grupate, Marcajul din interior unde rândurile trebuie adăugate dinamic, puteți pune pur și simplu marcajul unui rând gol al acelei mese în interiorul
și când este necesar, apelați o funcție JavaScript care conține script pentru a copia marcajul din interiorul etichetelor de șablon și a le adăuga la marcajul de tabel. Acest lucru nu este acceptat de IE.
5. Fine Print
tag-ul HTML poate fi folosit pentru a afișa imprimări fine. Din HTML5, începând cu
eticheta nu numai că prezintă un text în stil de imprimare fină, dar va defini, de asemenea, în mod semantic, aceleași condiții ca disclaimer-urile și avertismentele juridice.
6. Atribuiți o adresă URL de bază
element HTML este destul de util atunci când aveți mai multe linkuri în documentul cu aceleași adrese URL de domeniu, vă permite să adăugați o adresă URL de bază la documentul care, la rândul său, vă permite să adăugați numai adrese URL în raport cu alte link-uri în pagină după cum este necesar.7. Imagini receptive
Elementul HTML5 vă permite să adăugați diferite surse de imagine pentru medii diferite pentru imaginea din interiorul acestuia.
dom.image.picture.enable
la Adevărat
în about: config
în Firefox.8. Picker de culori
9. Opțiuni de grup
elementul va face treaba. De asemenea, puteți modela grupurile cu CSS.
10. The
element
este redată de browser numai atunci când script-ul este dezactivat. Această etichetă este util pentru a lăsa utilizatorii să știe când script-ul este dezactivat în browser-ul lor și de a furniza orice mecanism alternativ de rezervă pentru componente pe paginile web care se vor opri fără JavaScript.
Acum citiți: 15 Trucuri CSS utile ați putea fi trecute cu vederea