10 Cool stvari HTML oznake lahko storite
Trenutno obstaja skupaj 142 elementov HTML standardiziral W3C brez tistih v začetnih fazah standardizacije in tistih, ki so postale zastarele. Ob tem je mogoče zamuditi ali pozabiti nekaj, ki so lahko koristni, kadar je to potrebno.
Prej smo naredili povzetek nekaterih najboljših CSS trikov, ki ste jih morda spregledali. Ta objava vas bo spomnila na nekatere oznake HTML, ki jih niste vedeli, da bi jih lahko uporabili za izvajanje funkcij, kot so:
1. Mapirajte slike
HTML elemente lahko uporabite za ustvarjanje slikovnih zemljevidov. Zemljevidi slik so v bistvu slike s področji, na katerih je mogoče klikniti, ki so lahko hiperpovezana na drugo spletno stran ali druge dele istega dokumenta. Določite lahko, katera področja slike lahko kliknete, tako da preprosto navedete ustrezne X Y koordinate teh točk v
vgrajenih elementov
.
Opomba: Področja, ki jih je mogoče klikniti, ne morejo biti oblikovana s pomočjo CSS-ja, zato, če želite, da so ti markerji oblikovani, uporabite preprosto programsko opremo za urejanje slik, da narišete oznake.
Nasvet: Če želite poznati koordinate za točko na sliki, odprite sliko v programski opremi za urejanje slik in premaknite kazalec na to točko, tako da boste lahko v njej videli koordinate. Za GIMP je prikazan na levi strani spodnje vrstice.
2. Predlogi za vnos
Uporaba za prikaz seznama ustreznih predlogov, ki se prikažejo med tipkanjem vhodne vrednosti.
3. Označite Besedilo
Označeno besedilo ima običajno temno barvo besedila z svetlim ozadjem. To označeno besedilo lahko dosežete samo z označevanjem. Vsako besedilo v notranjosti imela ta učinek.
Prilagodite lahko označite barvo z Barva ozadja
Lastnost CSS za in barva besedila z
barve
nepremičnine.
4. Določite predloge
Skupaj z HTML5 je prišel nov element. The
element vsebuje označevanje znotraj njega, ki ga ne prikažejo brskalniki, oznaka, ki jo vsebuje, se uporablja za ustvarjanje dinamične vsebine na strani z uporabo JavaScripta.
Recimo, da imate a Fini tisk se nanaša na besedilo dokumenta, ki je običajno natisnjeno v zelo majhni velikosti in vsebuje informacije, kot so pogoji, pogoji, omejitve, citati, zakonske pravice itd. The Opomba: Vsi relativni URL-ji na strani se bodo nanašali na osnovni URL, če imate povezavo z drugo domeno, ne pozabite dodeliti celotnega URL-ja. Odzivni spletni razvoj je v modi z vedno večjim mobilnim dostopom. Slike lahko preklapljate za različne velikosti zaslona z označevanjem. The Opomba: To trenutno deluje samo v Chromu. Nastaviti boste morali HTML5 je uvedel veliko novih elementov vhodnega tipa; element vnosa barve je eden izmed njih. Omogoča vam, da izberete barvo na spletni strani s pomočjo izbirnika barv. Če imate na spustnem seznamu veliko možnosti in bi jih radi prikazali združene, bo Oznaka znotraj kjer se vrstice dodajo dinamično, lahko preprosto postavite oznako prazne vrstice tabele znotraj
tag in po potrebi pokličite funkcijo JavaScript, ki vsebuje skript, da prekopirate označevalni znak znotraj oznak predloge in ga dodate v tabelo. Tega IE ne podpira.
5. Natančno tiskanje
lahko uporabite za prikaz finega tiska. Iz HTML5 naprej
Oznaka ne prikazuje le finega sloganega besedila, temveč tudi pomensko opredeljuje enako kot pravne omejitve in opozorila.
6. Dodelite osnovni URL
Element HTML je zelo uporaben, če imate v dokumentu več povezav z istimi URL-ji domene, vam omogoča, da v dokument dodate osnovni URL, ki po potrebi omogoča dodajanje le relativnih URL-jev na druge povezave na strani, kot je potrebno..7. Odzivne slike
Element HTML5 omogoča dodajanje različnih virov slike za različne medije za sliko v njem.
dom.image.picture.enable
do prav
v about: config
v Firefoxu.8. Izbirnik barv
9. Možnosti skupine
element bo opravil delo. Skupine lahko oblikujete tudi s CSS.
10.
element
brskalnik prikaže le, če je skript onemogočen. Ta oznaka je uporabna za obveščanje uporabnikov o tem, kdaj je v svojem brskalniku onemogočen skript, in za zagotavljanje morebitnih nadomestnih mehanizmov za komponente na spletnih straneh, ki ne bodo delovale brez JavaScripta.
Sedaj preberite: 15 uporabnih CSS trikov, ki bi jih lahko spregledali