10 Jahutavat HTML-koodi saab teha
Hetkel on olemas kokku 142 HTML-elementi W3C standardiseeritud, välja arvatud need, mis on standardimise algfaasis ja vananenud. See tähendab, et mõned neist on vähe ära jäetud või unustada, kui see on vajalik.
Varem tegime mõnede parimate CSS-trikkide kokkuvõtte. See postitus tuletab teile meelde mõningaid HTML-silte, mida te ei teadnud, et võiksite kasutada selliseid funktsioone nagu:
1. Kaartide kaardistamine
HTML elemente saab kasutada piltkaartide loomiseks. Pildikaardid põhiliselt on need pildid klõpsatavate aladega, mida saab hüperlinkida teise veebilehe või sama dokumendi teiste osadega. Saate määratleda, millised pildi piirkonnad on klõpsatavad, nimetades lihtsalt nende punktide vastavaid X Y koordinaate
sees olevad elemendid
.
Märge: Klõpsatavaid alasid ei saa CSS-i kaudu kujundada, nii et kui soovite, et need markerid oleksid kujundatud, kasutage markerite joonistamiseks lihtsat pilditöötlusprogrammi.
Nõuanne: Kui soovite teada punkti punkti koordinaate, avage pilt pilditöötlusprogrammis ja liigutage kursorit sellesse punkti, siis peaksite saama näha selle koordinaate tarkvaras ise. GIMP-i jaoks on see näidatud alumises ribas.
2. Sisendettepanekud
Kasutage sisendväärtuse kirjutamise ajal ilmuvate asjakohaste soovituste loendi esitamine.
3. Tõstke esile tekst
Esiletõstetud tekstil on tumeda teksti värv heleda taustaga. Sellise esiletõstetud tekstiefekti saate saavutada ainult märgistuse abil. Kõik teksti sees olevad tekstid on see mõju.
Saate kohandada esile värv koos taustavärv
CSS-i omadus ja teksti värv koos
värv
vara.
4. Määrake mallid
Koos HTML5-ga tuli uus element. The
elemendi sees on märgistus, mida brauserid ei paku, selle poolt lisatud märgistus tuleb kasutada luua dünaamiline sisu lehel JavaScript.
Oletame näiteks, et teil on a Peen printimine viitab dokumendi tekstile, mis on tavaliselt trükitud väga väikese suurusega, sisaldades selliseid andmeid nagu tingimused, tingimused, piirangud, tsitaadid, seaduslik õigused jne. The Märge: Kõik lehel olevad suhtelised URL-id suunatakse baas-URL-i alusel, kui teil on mõni teine domeeniga link, ärge unustage sellele omistada täielikku URL-i. Vastupidav veebiarendus on moes ja üha kasvav mobiilside. Pilte saab erineva ekraani suuruse jaoks vahetada. The Märge: See töötab praegu ainult Chrome'is. Sa pead määrama HTML5 tutvustas mitmeid uusi sisenditüüpi elemente; värvi sisendelement on üks neist. See võimaldab teil valida värvi valiku abil veebilehe värvi. Kui teil on rippmenüüst palju võimalusi ja soovite neid rühmitada, siis Märgistus sees kus ridu tuleb lisada dünaamiliselt, võite lihtsalt panna selle tabeli tühja rea märgistuse
ja vajadusel helistage skriptiga skripti sisaldavale JavaScript-funktsioonile, et kopeerida sildi sildist sildi märgistus ja lisada see tabeli märgistusse. IE ei toeta seda.
5. Peen printimine
HTML-i sildi abil saab näidata peeneid väljatrükke. HTML5-st alates
silt ei näita mitte ainult peene prinditud teksti, vaid määratleb ka semantiliselt sama, mis juriidilised vastutusest loobumised ja hoiatused.
6. Määrake alus URL
HTML-element on üsna mugav, kui teie dokumendis on sama domeeni URL-idega mitu linki, see võimaldab lisada dokumendile baas-URL-i, mis omakorda võimaldab vajadusel lisada ainult suhtelisi URL-i teistele lingidele..7. Reageerivad pildid
HTML5 element võimaldab teil lisada erinevate pildiallikate jaoks erinevaid pilte selle sees oleva pildi jaoks.
dom.image.picture.enable
kuni tõsi
sisse umbes: config
Firefoxis.8. Värvivalija
9. Grupi valikud
element saab töö. Samuti saate rühmitada gruppe CSS-iga.
10.
element
brauser annab seda ainult siis, kui skript on keelatud. See sild on kasulik, et anda kasutajatele teada, millal skript on oma brauseris keelatud ja pakuvad alternatiivseid varundusmehhanisme nende veebilehtede komponentidele, mis ei tööta ilma JavaScriptita.
Nüüd loe: 15 Kasulikud CSS trikid, mida teil on võimalik näha