10 Cool Things HTML -merkit voivat tehdä
Tällä hetkellä on yhteensä 142 HTML-elementtiä standardoitu W3C: llä, lukuun ottamatta standardoinnin alkuvaiheessa olevia ja vanhentuneita. Siitä huolimatta on mahdollista unohtaa tai unohtaa muutamia niistä, jotka voivat olla hyödyllisiä tarvittaessa.
Aiemmin teimme muistiin joitakin parhaista CSS-temppuja, joita olet ehkä unohtanut. Tämä viesti muistuttaa sinua niistä HTML-tunnisteista, joita et tiedä, että voit käyttää sellaisia ominaisuuksia, kuten:
1. Kartta kuvat
HTML elementtejä voidaan käyttää kuvakarttojen luomiseen. Kuvakartat ovat periaatteessa kuvia, joissa on napsautettavia alueita, jotka voidaan linkittää toiseen verkkosivuun tai saman asiakirjan muihin osiin. Voit määrittää, mitkä kuvan alueet napsautetaan yksinkertaisesti mainitsemalla kyseisten pisteiden vastaavat X Y -koordinaatit
sisäkkäiset elementit
.
Huomautus: Napsautettavia alueita ei voi muotoilla CSS: n kautta, joten jos haluat, että nämä merkit muotoillaan, käytä yksinkertaisia kuvankäsittelyohjelmia piirtämään merkit.
Kärki: Jos haluat tietää kuvan pisteiden koordinaatit, avaa kuva kuvankäsittelyohjelmassa ja siirrä kohdistin siihen kohtaan, voit nähdä sen koordinaatit itse ohjelmistossa. GIMP: lle se näkyy alareunan vasemmalla puolella.
2. Syöttöehdotukset
Käyttää antaa luettelon merkityksellisistä ehdotuksista, jotka näkyvät syöttöarvon kirjoittamisen yhteydessä.
3. Korosta teksti
Korostetussa tekstissä on yleensä tumman tekstin väri vaalealla taustalla. Voit saavuttaa tämän korostetun tekstivaikutuksen vain merkinnällä. Mikä tahansa teksti, joka on suljettu sillä on tämä vaikutus.
Voit muokata korosta väri kanssa taustaväri
CSS-ominaisuus ja tekstin väri kanssa
väri-
omaisuus.
4. Määritä mallit
HTML5: n mukana tuli uusi elementti.
elementti pitää sen sisällä olevaa merkintää, jota selaimet eivät tee, sen merkintä on käytettävä tuottaa dynaamista sisältöä sivulla JavaScriptin avulla.
Oletetaan esimerkiksi, että sinulla on Hieno tulostus tarkoittaa asiakirjan tekstiä, joka on tyypillisesti painettu hyvin pienikokoisena ja sisältää tietoja, kuten ehtoja, ehtoja, rajoituksia, lainauksia, laillisia oikeuksia jne. Huomautus: Kaikki sivun suhteelliset URL-osoitteet lähetetään perustuen URL-osoitteeseen, jos sinulla on linkki eri verkkotunnukseen, älä unohda määrittää sille koko URL-osoite. Reagoiva web-kehitys on trendikkäässä yhä kasvavalla mobiilikäytöllä. Kuvat voidaan vaihtaa eri kuvakokojen mukaan merkinnällä. Huomautus: Tämä toimii tällä hetkellä vain Chromessa. Sinun täytyy asettaa HTML5 esitteli monia uusia syöttötyyppisiä elementtejä; värinsyöttöelementti on yksi niistä. Sen avulla voit valita värin verkkosivulla värivalitsimen avulla. Jos sinulla on monia vaihtoehtoja avattavasta luettelosta ja haluat näyttää ne ryhmiteltynä, Merkintä sisällä jossa rivit on lisättävä dynaamisesti, voit yksinkertaisesti asettaa taulukon tyhjän rivin merkinnän
tunniste ja tarvittaessa soittaa JavaScript-toiminto, joka sisältää skriptiä, kopioimaan merkinnän mallipohjatunnisteiden sisältä ja lisäämällä sen taulukon merkintään. IE ei tue tätä.
5. Hieno tulostus
HTML-tunnisteella voidaan näyttää hienoja tulosteita. HTML5: stä alkaen
tunnisteella ei näy pelkästään hienoväristä tekstiä, vaan se määrittää myös semanttisesti samat kuin lailliset vastuuvapauslausekkeet ja varoitukset.
6. Määritä perus URL-osoite
HTML-elementti on varsin kätevä, kun dokumentissa on useita linkkejä samojen verkkotunnusten URL-osoitteiden kanssa. Sen avulla voit lisätä asiakirjaan perus-URL-osoitteen, jonka avulla voit lisätä vain suhteellisia URL-osoitteita sivun muihin linkkeihin tarpeen mukaan.7. Reagoivat kuvat
HTML5-elementin avulla voit lisätä eri kuvalähteitä eri medioihin sen sisällä olevaan kuvaan.
dom.image.picture.enable
että totta
sisään about: config
Firefoxissa.8. Värivalitsin
9. Ryhmävaihtoehdot
elementti saa työn. Voit myös muotoilla ryhmiä CSS: llä.
10.
elementti
selain näyttää vain, kun komentosarja on poistettu käytöstä. Tämä tunniste on hyödyllinen, kun käyttäjät antavat tietää, milloin skripti on poistettu käytöstä selaimessa, ja antaa mahdollisen vaihtoehtoisen varajärjestelmän komponenteille verkkosivuilla, jotka lakkaavat toimimasta ilman JavaScriptiä.
Nyt lukee: 15 Hyödyllisiä CSS-temppuja, jotka ehkä olette nähneet