10 Cool Tagy HTML Tagy dokáže
V súčasnej dobe existujú celkom 142 prvkov HTML štandardizované W3C s výnimkou tých, ktoré boli v počiatočných fázach štandardizácie a tie, ktoré boli zastarané. To znamená, že je možné vynechať alebo zabudnúť na niektoré z nich, ktoré môžu byť užitočné v prípade potreby.
Predtým sme urobili recenziu niektorých najlepších trikov CSS, ktoré ste mohli prehliadnuť. Tento príspevok vám pripomenie niektoré značky HTML, ktoré ste nevedeli, že by ste mohli použiť na implementáciu funkcií, ako napríklad:
1. Mapujte obrázky
HTML prvky na vytváranie obrázkových máp. Mapy obrázkov sú v podstate obrázky s klikateľnými oblasťami na nich, ktoré môžu byť prepojené s inou webovou stránkou alebo inými časťami toho istého dokumentu. Môžete definovať, ktoré oblasti obrázka možno kliknúť jednoducho uvedením zodpovedajúcich X Y súradníc týchto bodov v
prvky vložené vo vnútri
.
Poznámka: Oblasti, na ktoré sa dá kliknúť, nemôžu byť štylizované pomocou CSS, takže ak chcete, aby tieto značky boli štylizované, použite jednoduchý softvér na úpravu obrázkov na kreslenie značiek.
Tip: Ak chcete poznať súradnice pre bod v obraze, otvorte obrázok v softvéri na úpravu obrázkov a presuňte kurzor na tento bod, mali by ste byť schopní vidieť jeho súradnice v samotnom softvéri. Pre GIMP je zobrazená na ľavej strane dolného panela.
2. Zadajte návrhy
použitie aby ste poskytli zoznam relevantných návrhov, ktoré sa objavia pri zadávaní vstupnej hodnoty.
3. Zvýraznite text
Zvýraznený text má obvykle tmavú textovú farbu so svetlým pozadím. Tento zvýraznený textový efekt môžete dosiahnuť samotným označením. Každý text, ktorý je vložený do priečinka bude mať tento účinok.
Môžete prispôsobiť zdôrazniť farbu s farba pozadia
Vlastnosť a farba textu s
farba
vlastnosť.
4. Definujte šablóny
Spolu s HTML5 prišiel nový element.
prvok obsahuje značku v ňom, ktorá nie je vykresľovaná prehliadačmi, označenie, ktoré je priložené, má byť použité generovať dynamický obsah na stránke pomocou jazyka JavaScript.
Predpokladajme napríklad, že máte a Jemná tlač sa vzťahuje na text dokumentu, ktorý je zvyčajne vytlačený vo veľmi malom rozmere obsahujúcom informácie ako podmienky, pojmy, obmedzenia, citácie, zákonné práva atď. Poznámka: Všetky relatívne adresy URL na stránke budú uvedené na základe základnej adresy URL, ak máte akýkoľvek odkaz s inou doménou, nezabudnite priradiť jej úplnú adresu URL. Zodpovedný vývoj webových aplikácií je v móde s rastúcim mobilným prístupom. Obrázky je možné prepínať pre rôzne veľkosti obrazovky s označením. Poznámka: V súčasnosti funguje iba v prehliadači Chrome. Budete musieť nastaviť HTML5 zaviedol mnoho nových prvkov typu vstupu; prvok farebného vstupu je jedným z nich. Umožňuje vybrať farbu na webovej stránke pomocou výberu farieb. Ak v rozbaľovacom zozname máte veľa možností a chceli by ste ich zobraziť zoskupené, Označenie vnútri kde majú byť riadky pridané dynamicky, môžete jednoducho dať označenie prázdneho riadku tejto tabuľky vnútri
značku a ak je to potrebné, zavolajte funkciu JavaScript, ktorá obsahuje skript, aby ste skopírovali značku z vnútra značiek šablóny a pridajte ju do značky tabuľky. IE to nepodporuje.
5. Jemná tlač
značku v HTML môžete použiť na zobrazenie jemných výtlačkov. Od HTML5 ďalej
značka nielenže zobrazuje text v štýle jemného výtlačku, ale bude sémanticky definovať rovnako ako právne zrieknutia sa zodpovednosti a námietky.
6. Priraďte základnú adresu URL
Prvok HTML je pomerne užitočný, ak máte vo svojom dokumente viacero odkazov s rovnakými adresami URL domény. Umožňuje vám pridať základnú adresu URL do dokumentu, čo vám umožní pridať iba iné relatívne adresy URL na iné odkazy na stránke.7. Citlivé obrázky
Prvok HTML5 vám umožňuje pridať rôzne obrazové zdroje pre rôzne médiá pre obraz v ňom.
dom.image.picture.enable
na pravdivý
v about: config
vo Firefoxe.8. Výber farieb
9. Možnosti skupiny
prvok dostane úlohu. Skupiny môžete tiež štýlovať pomocou CSS.
10. The
element
vykresľuje prehliadač iba vtedy, keď je zakázaný skript. Táto značka je užitočná na to, aby používateľom umožnil vedieť, kedy je skript zakázaný v prehliadači, a poskytnúť akýkoľvek alternatívny náhradný mechanizmus pre komponenty na webových stránkach, ktoré prestane pracovať bez JavaScriptu.
Prečítajte si: 15 Užitočné CSS triky, ktoré by ste mohli prehliadnuť