For øyeblikket er det totalt 142 HTML-elementer standardisert av W3C, unntatt de i de første faser av standardisering og de som gikk utdatert. Når det er sagt, er det mulig å savne eller glemme noen av dem som kan være nyttige når det trengs.
Tidligere gjorde vi et sammendrag av noen av de beste CSS-triksene du kanskje har oversett. Dette innlegget vil minne deg på noen av HTML-kodene som du ikke visste du kunne bruke til å implementere funksjoner som:
1. Kartbilder
HTML-koden
Merk: De klikkbare områdene kan ikke styles gjennom CSS, så hvis du vil at disse markørene skal utformes, bruk en enkel bilderedigeringsprogramvare for å tegne markørene.
Tips: Hvis du vil vite koordinatene for et punkt i et bilde, åpner du bildet i et bildebehandlingsprogram og beveger markøren til det punktet. Du bør kunne se koordinatene for det i selve programvaren. For GIMP er det vist på venstre side av den nederste linjen.
2. Innspillforslag
Bruk
3. Marker tekst
Uthevet tekst har vanligvis mørk tekstfarge med en lys bakgrunn. Du kan oppnå den markerte teksteffekten med oppsummering alene. Eventuell tekst vedlagt i vil ha den effekten.
Du kan tilpasse høydepunktsfargen med background-color CSS-egenskapen til og teksten farger med color .
4. Definer maler
Sammen med HTML5 kom den nye element. De elementet holder markup inne i det som ikke gjengis av nettleserne, skal merket som følger med det brukes til å generere dynamisk innhold på siden ved hjelp av JavaScript .
For eksempel, anta at du har en
hvor rader skal legges dynamisk, kan du ganske enkelt sette markeringen av en tom rad av det bordet inne i tag og koble til en JavaScript-funksjon som inneholder skript for å kopiere oppmerkningen fra innsiden av malene og legge den til i tabelloppsettet. Dette støttes ikke av IE.
5. Fin utskrift
Fin utskrift refererer til teksten i dokumentet som vanligvis skrives ut i svært liten størrelse, og inneholder informasjon som vilkår, vilkår, restriksjoner, sitater, juridiske rettigheter etc. Koden i HTML kan brukes til å vise fine utskrifter. Fra HTML5 og fremover viser koden ikke bare en fin skriftstilt tekst, men definerer også semantisk det samme som juridiske ansvarsfraskrivelser og advarsler.
6. Tilordne en grunnnettadresse
De HTML-elementet er ganske praktisk når du har flere koblinger i dokumentet ditt med de samme domenenettadressene, slik at du kan legge til en grunnadresse til dokumentet som igjen tillater deg å legge til bare relative URL-adresser til andre koblinger på siden etter behov.
Merk: Alle de relative nettadressene på siden skal henvises basert på nettadressen. Hvis du har en lenke til et annet domene, glem ikke å tilordne den komplette nettadressen til den.
7. Responsive Images
Responsive webutvikling er i ferd med stadig økende mobil tilgang. Bilder kan veksle for forskjellige skjermstørrelser med markering. De HTML5-element lar deg legge til forskjellige bildekilder for forskjellige medier for bildet i det.
Merk: Dette fungerer bare i Chrome. Du må sette dom.image.picture.enable til true i about:config i Firefox.
8. Color Picker
HTML5 introduserte mange nye innspillstypeelementer; fargeinngangselementet er en av dem. Det lar deg velge en farge på en nettside ved hjelp av en fargeplukker.
9. Gruppealternativer
Hvis du har mange alternativer i en rullegardinliste og ønsker å vise dem gruppert, vil
Jeg har allerede skrevet om hvordan du kommer i gang med Gulp, samt hvordan du kommer i gang med Grunt. De automatiserer begge oppgavene våre, de bruker begge Node, og begge krever at du lager oppgaver og installerer plugins av noe slag. Men lurer du på forskjellen mellom de to, eller enda, som er bedre?I
Porteføljesider, blogginnlegg og til og med sosiale nettsteder bruker alle lysbokser. De er nyttige for å vise større innhold uten å ta opp mer plass på siden .Men det er ingen grunn til å bygge din egen fra bunnen av når det er så mange gratis skript på nettet. En av mine nye faves er SimpleLightbox, designet for å være 100% åpen kildekode og mobil responsive kjører på alle enheter .Alle bildemin
no.hideout-lastation.com
