10 cool věci HTML tagy mohou udělat
V současné době existuje a celkem 142 HTML elementů standardizované W3C s výjimkou těch v počátečních fázích standardizace a těch, které byly zastaralé. To znamená, že je možné zmeškat nebo zapomenout na několik z nich, které mohou být v případě potřeby užitečné.
Dříve jsme provedli rekapitulaci těch nejlepších triků CSS, které jste možná přehlédli. Tento příspěvek vám připomene některé značky HTML, o kterých jste nevěděli, že můžete použít k implementaci funkcí, například:
1. Mapové obrazy
HTML Prvky lze použít k vytvoření obrazových map. Obrazové mapy jsou v podstatě obrazy s klikacími oblastmi na nich, které mohou být hypertextové odkazy na jinou webovou stránku nebo jiné části stejného dokumentu. Můžete definovat, které oblasti obrázku lze kliknout jednoduchým uvedením odpovídajících souřadnic X Y těchto bodů v
uvnitř
.
Poznámka: Oblasti, na které lze kliknout, nelze stylizovat pomocí CSS, takže pokud chcete, aby tyto značky byly stylizovány, použijte jednoduchý software pro úpravu obrázků..
Tip: Pokud chcete znát souřadnice bodu v obraze, otevřete obraz v softwaru pro úpravu obrázků a přesuňte kurzor na tento bod, měli byste být schopni vidět jeho souřadnice v samotném softwaru. Pro GIMP je zobrazen na levé straně spodního pruhu.
2. Zadejte návrhy
Použití poskytnout seznam relevantních návrhů, které se objeví při zadávání vstupní hodnoty.
3. Zvýrazněte Text
Zvýrazněný text má obvykle tmavou barvu textu se světlým pozadím. Tento zvýrazněný textový efekt můžete dosáhnout pouze pomocí značek. Veškerý text uzavřený uvnitř bude mít tento efekt.
Můžete přizpůsobit barva zvýraznění s barva pozadí
Vlastnost CSS a barva textu s
barva
vlastnictví.
4. Definujte šablony
Spolu s HTML5 přišel nový živel.
element drží markup uvnitř to to není renderováno prohlížeči, markup uzavřený to být zvyklý na generovat dynamický obsah na stránce pomocí JavaScriptu.
Předpokládejme například, že máte Jemný tisk označuje text dokumentu, který je obvykle vytištěn ve velmi malé velikosti a obsahuje informace jako podmínky, podmínky, omezení, citace, zákonná práva atd. Poznámka: Všechny relativní adresy URL na stránce budou odkazovány na základě základní adresy URL, pokud máte odkaz s jinou doménou, nezapomeňte mu přiřadit úplnou adresu URL.. Reagující vývoj webu je v módě se stále rostoucím mobilním přístupem. Obrázky lze přepínat pro různé velikosti obrazovky pomocí značek. Poznámka: V současné době funguje pouze v prohlížeči Chrome. Budete muset nastavit HTML5 představilo mnoho nových prvků typu vstupu; jeden z nich je vstupní prvek barev. Umožňuje vybrat barvu na webové stránce pomocí nástroje pro výběr barev. Pokud máte v rozevíracím seznamu mnoho možností a chcete zobrazit jejich seskupení, Značky uvnitř tam, kde mají být řádky přidávány dynamicky, můžete jednoduše umístit označení prázdného řádku této tabulky do
V případě potřeby zavolejte funkci JavaScript obsahující skript pro zkopírování značky zevnitř tagů šablony a přidejte ji do značek tabulky. Toto IE nepodporuje.
5. Jemný tisk
tag ve formátu HTML lze použít k zobrazení jemných výtisků. Od HTML5 dále
tag zobrazuje nejen jemně vytištěný text, ale také sémanticky definuje to samé jako právní prohlášení a upozornění..
6. Přiřaďte základní URL
Element HTML je velmi užitečný, pokud máte v dokumentu více odkazů se stejnými adresami URL domény, což umožňuje přidat do dokumentu základní adresu URL, která vám umožňuje přidávat podle potřeby pouze relativní adresy URL k dalším odkazům na stránce..7. Citlivé obrazy
Element HTML5 umožňuje přidat různé obrazové zdroje pro různá média pro obraz uvnitř.
dom.image.picture.enable
na skutečný
v o: config
ve Firefoxu.8. Výběr barvy
9. Možnosti skupiny
prvek bude mít vykonanou práci. Skupiny můžete také stylizovat pomocí CSS.
10.
živel
je prohlížeč vykreslen pouze při zakázaném skriptu. Tato značka je užitečná, protože umožňuje uživatelům vědět, kdy je skript zakázán ve svém prohlížeči, a poskytnout alternativní záložní mechanismus pro součásti na webových stránkách, které přestanou pracovat bez jazyka JavaScript..
Nyní si přečtěte: 15 Užitečné CSS triky, které jste mohli přehlédnout