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
Denne artikkelen er en del av vår "Guide to Freelancing Series" - som består av guider og tips for å hjelpe deg med å bli en bedre selvstendig næringsdrivende. Klikk her for å lese mer fra denne serien. Freelance skriving er et ekstraordinært yrke. Det krever omhu, konsentrasjon, engasjement og en forpliktelse til andre til å gjøre det bra. I motse
Lad opp iPhone-batteriet til full kapasitet, ta en stund, spesielt hvis ladningen på telefonens batteri er i nærheten av utmattelse. Selv om det er uheldig at iPhone ikke har rask ladingsteknologi, er det noen måter du kan øke hastigheten på iPhone . Her er fem slike metoder.1. Bruk en iPad strømadapter i stedet for iPhone Hvis du eier en iPad, har du sannsynligvis også iPadens strømadapter. Da iPa
no.hideout-lastation.com
