10 kule ting HTML-etiketter kan gjøre
For øyeblikket er det a 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 Elementer kan brukes til å lage bildekart. Bildekart er i utgangspunktet bilder med klikkbare områder på dem, som kan være hyperkoblet til en annen nettside eller andre deler av samme dokument. Du kan definere hvilke områder av et bilde som kan klikkes ved bare å nevne de tilsvarende X Y-koordinatene for disse punktene i
elementer nestet innvendig
.
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 bilderedigeringsprogram 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 bunnstangen.
2. Innspillforslag
Bruk å gi en liste over relevante forslag som vises mens du skriver inn en inngangsverdi.
3. Marker tekst
Uthevet tekst har vanligvis mørk tekstfarge med en lys bakgrunn. Du kan oppnå den uthevede teksteffekten med oppsummering alene. Eventuell tekst vedlagt i vil ha den effekten.
Du kan tilpasse markere farge med bakgrunnsfarge
CSS eiendom av og tekstfarge med
farge
eiendom.
4. Definer maler
Sammen med HTML5 kom den nye element. De
elementet holder markering inne i det som ikke gjengis av nettleserne, skal merket som følger med det brukes til generere dynamisk innhold på siden bruker JavaScript.
For eksempel, anta at du har en 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, begrensninger, sitater, juridiske rettigheter etc. De Merk: Alle de relative nettadressene på siden blir henvist basert på nettadressen, hvis du har noen link til et annet domene, ikke glem å tilordne den komplette nettadressen til den. Responsiv webutvikling er i ferd med stadig voksende mobil tilgang. Bilder kan veksle for forskjellige skjermstørrelser med markering. De Merk: Dette fungerer bare i Chrome. Du må sette HTML5 introduserte mange nye innspillstypeelementer; fargeinngangselementet er en av dem. Det lar deg velge en farge på en nettside ved hjelp av en fargeplukker. Hvis du har mange alternativer i en rullegardinliste og ønsker å vise dem gruppert, vil Markeringen inni 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 mal-kodene og legge den til i tabelloppsettet. Dette støttes ikke av IE.
5. Fin utskrift
tag i HTML kan brukes til å vise fine utskrifter. Fra HTML5 og fremover
Etiketten viser ikke bare en fin skriftstilt tekst, men definerer også semantisk det samme som lovlige ansvarsfraskrivelser og advarsler.
6. Tilordne en grunnadresse
HTML-elementet er ganske praktisk når du har flere koblinger i dokumentet ditt med de samme domenenavnene. Den lar deg legge til en basiswebadresse i dokumentet som igjen tillater deg å legge til bare relative URL-adresser til andre koblinger på siden etter behov.7. Responsive Images
HTML5-element lar deg legge til forskjellige bildekilder for forskjellige medier for bildet i det.
dom.image.picture.enable
til ekte
i about: config
i Firefox.8. Color Picker
9. Gruppealternativer
elementet vil få jobben gjort. Du kan også utforme gruppene med CSS.
10. Den
element
Gjengis av nettleseren bare når skriptet er deaktivert. Denne taggen er nyttig for å la brukerne vite når skriptet er deaktivert i nettleseren sin, og å gi noen alternative tilbakebetalinger for komponenter på nettsidene som vil slutte å fungere uten JavaScript.
Nå Les: 15 Nyttige CSS triks du kunne ha oversett