10 „Cool Things“ gali padaryti HTML žymes
Šiuo metu yra iš viso yra 142 HTML elementai standartizavo W3C, išskyrus tuos, kurie buvo pradiniuose standartizacijos etapuose, ir tuos, kurie buvo pasenę. Be to, galima praleisti arba pamiršti keletą iš jų, kurie gali būti naudingi, kai reikia.
Anksčiau mes padarėme keletą geriausių CSS gudrybių, kurių galėjote pamiršti. Šis pranešimas primins jums keletą HTML žymų, kurių nežinojote, kad galėtumėte naudoti tokias funkcijas, kaip:
1. Žemėlapių vaizdai
HTML elementus galima naudoti vaizdo žemėlapiams kurti. Vaizdo žemėlapiai iš esmės yra vaizdai su paspaudžiamomis sritimis, kurie gali būti susieti su kitu tinklalapiu ar kitomis tos pačios dokumento dalimis. Galite apibrėžti, kurias vaizdo sritis galima spustelėti, paprasčiausiai paminėdami atitinkamas X Y koordinates
vidiniai elementai
.
Pastaba: Spustelėjusios sritys negali būti sukurtos per CSS, todėl, jei norite, kad šie žymekliai būtų stiliaus, naudokite paprastą vaizdo redagavimo programinę įrangą, kad atkreiptumėte žymenis.
Patarimas: Jei norite sužinoti vaizdo taško koordinates, atidarykite atvaizdą vaizdo redagavimo programinėje įrangoje ir perkelkite žymeklį į tą tašką, turėtumėte matyti jos koordinates pačioje programinėje įrangoje. GIMP jis rodomas kairėje apatinės juostos pusėje.
2. Įvesties pasiūlymai
Naudokite pateikti atitinkamų pasiūlymų, kurie rodomi įvedant įvesties vertę, sąrašą.
3. Pažymėkite Tekstas
Pažymėtas tekstas paprastai turi tamsią teksto spalvą su šviesiu fonu. Šį paryškintą teksto efektą galite pasiekti naudodami tik žymėjimą. Bet koks tekstas, esantis viduje turės tokį poveikį.
Galite tinkinti paryškinkite spalvą su fono spalva
CSS nuosavybė ir teksto spalva su
spalva
nuosavybė.
4. Nustatykite šablonus
Kartu su HTML5 atėjo naujas elementas. The
elementas turi žymėjimą viduje, kuris nėra pateikiamas naršyklių, jame nurodytas žymėjimas turi būti naudojamas generuoti dinaminį turinį puslapyje naudojant „JavaScript“.
Pavyzdžiui, tarkime, kad turite Smulkus spausdinimas reiškia dokumento tekstą, kuris paprastai spausdinamas labai mažu dydžiu, kuriame yra informacijos, pvz., Sąlygos, terminai, apribojimai, citatos, teisinės teisės ir kt. The Pastaba: Visi santykiniai URL puslapiuose bus nukreipti pagal bazinį URL, jei turite kokią nors nuorodą su kitu domenu, nepamirškite priskirti viso URL. Reaguojanti interneto plėtra yra madinga ir vis didėja judriojo ryšio prieiga. Vaizdus galima perjungti skirtingiems ekrano dydžiams su žymėjimu. The Pastaba: Šiuo metu tai veikia tik „Chrome“. Turėsite nustatyti HTML5 pristatė daug naujų įvesties tipo elementų; spalvų įvesties elementas yra vienas iš jų. Tai leidžia jums pasirinkti spalvą tinklalapyje, naudojant spalvų rinkiklį. Jei turite daug parinkčių išplečiamajame sąraše ir norite parodyti juos grupuotiems, Žymėjimas viduje kur eilutės turi būti įtrauktos dinamiškai, galite tiesiog įdėti tuščios tos eilutės eilutės viduje
ir, jei reikia, skambinkite „JavaScript“ funkcijai, kurioje yra scenarijus, kad nukopijuotumėte žymėjimą iš šablonų žymeklių, ir pridėkite jį prie lentelės žymėjimo. Tai nepalaiko IE.
5. Smulkus spausdinimas
„HTML“ žymelę galima naudoti norint parodyti puikius spaudinius. Nuo HTML5 nuo
žyma ne tik rodo puikiai spausdinto stiliaus tekstą, bet ir semantiškai apibrėžia tą patį kaip teisiniai atsakymai ir įspėjimai.
6. Priskirti bazinį URL
HTML elementas yra gana patogu, kai dokumente yra kelių nuorodų su tais pačiais domeno URL, tai leidžia jums pridėti pagrindinį URL prie dokumento, kuris savo ruožtu leidžia jums pridėti tik santykinius URL į kitas puslapio nuorodas.7. Atsparūs vaizdai
HTML5 elementas leidžia pridėti įvairius vaizdo šaltinius skirtingoms laikmenoms jame esančiam vaizdui.
dom.image.picture.enable
į tiesa
į apie: config
„Firefox“.8. Spalvų parinkiklis
9. Grupės parinktys
elementas atliks darbą. Taip pat galite suformuoti grupes su CSS.
10.
elementas
naršyklė pateikia tik tada, kai scenarijus yra išjungtas. Ši žyma naudinga norint, kad vartotojai žinotų, kada scenarijus yra išjungtas jų naršyklėje, ir suteikti bet kokį alternatyvų atsarginių mechanizmų komponentus tinklalapiuose, kurie nustos veikti be „JavaScript“.
Dabar perskaitykite: 15 Naudingi CSS gudrybės, kuriuos galėjote pažvelgti