Hjem Sosiale medier Slik løser du ikke-kompatibel kode på websiden din - dummies

Slik løser du ikke-kompatibel kode på websiden din - dummies

Video: The Third Industrial Revolution: A Radical New Sharing Economy 2024

Video: The Third Industrial Revolution: A Radical New Sharing Economy 2024
Anonim

For hvert webkodingsproblem som er identifisert av en validator, må du avgjøre hvilken handling du skal ta. Selv om noen skyldige som gjentatte ganger kaster opp, er enkle å fikse, for eksempel mangler alt tekst og koder, er du bundet til å finne kodingsproblemer som helt baffle og stumpe deg.

Hvis du for eksempel får en feilmelding som leser XML Parsing Error: Åpning og avslutning av tagmatching: br linje 52 og kropp, kan det være vanskelig å finne ut hva det betyr, ikke si hvorfor det ble forårsaket og hvordan du bør fikse det.

Som en strategi, prøv å fikse problemene i koden fra toppen ned, som de er oppført i valideringsresultatene, fordi noen ganger fikserer ett problem, løses en annen. Med XML-parsing-feilen, kan dette problemet forsvinne når du korrigerer for et utelatt lukkeelement på en

-kode som er oppført tidligere i feilresultatene.

Den beste måten å finne ut hvordan man kode bedre og gjøre færre feil før valideringstesting er å gjøre mange ærlige feil og finne ut hvordan du kan rette dem på egen hånd. Ofte kan du reparere ikke-kompatibel kode for hånd eller ved hjelp av en god HTML-editor.

For å hjelpe deg med å identifisere noen av de vanligste kodingsfeilene, her er flere kodeproblemer sammen med forslag til hvordan du retter dem.

Problem Løsning
alt tekstattributt mangler fra

tag
Legg til alternativ tekstattributt, enten med eller uten

beskrivelse, som i

src = "images / logo. gif "width =" 150 "

height =" 150 "alt =" Petes Pizza ">

height =" 150 "alt =" ">.
tagger mangler fra

kode

Legg til koder under hver

forekomst når JavaScript er til stede i JavaScript på nettet eller på

slutten av innholdet før den avsluttende kroppsmerket. Mellom taggene, sett inn HTML-innhold

(tekst, grafikk, mediefiler osv.) Som beskriver

-funksjonen til JavaScript og, når det er hensiktsmessig, hvordan besøkende kan

få tilgang til informasjonen avslørt av den, som vist her:

type =" text / javascript "> Den

JavaScript som brukes på denne siden, gir en rask kobling som tillater

besøkende å automatisk bokmerke denne siden. Som alternativ,

vennligst bruk nettleserens bokmerke denne siden-funksjonen.

Blinkende eller flimrende element (e) som er oppdaget, for eksempel animerte

GIFer, Java-applets og andre multimedieplugg-moduler

Juster hastigheten på animasjoner for å unngå at skjermbildet

flimmer med en frekvens mellom 2 Hz og 55 Hz. Animasjoner som

overstiger disse to tiltakene, kan forårsake anfall hos besøkende med

lysfølsomme epilepsi.

Ingen DOCTYPE spesifisert Legg til en gyldig DOCTYPE over åpningen

-taggen.

Ingen HTTP-charset-parameter spesifisert Denne spesielle metakoden angir tegnsettet som brukes i

HTML-koden. Enkelte HTML-redaktører inkluderer det automatisk når

genererer nye tomme nettsider. Hvis validering finner ut at denne taggen

mangler fra HTML- eller XHTML-koden, legger du inn følgende kode

for hånd:

http-equiv = "Content-Type" content = "text / html;

charset = utf-8” >. For HTML5, sett inn.

Ingen merking spesifisert Legg til en unik tittel mellom koder i hodeområdet på hver

side.

Ingen merker spesifisert Legg til meta søkeord og meta beskrivelse koder til hodet på hver

side. Disse kan være identiske på hver side på nettstedet. Hvis ønskelig,

kan du også legge til ekstra metakoder etter behov.

Ingen Robots-tagger spesifisert Legg til Robots-taggen i hodet på siden til

instruer webspiders og roboter om du vil indeksere siden og

følge noen hyperkoblinger, for eksempel

navn = " Roboter "content =" All ">.

Utdaterte tagger

oppdaget

Flytt all presentasjonsmarkering av HTML (side, skrifter,

tabeller, koblinger osv.) Til en ekstern CSS-fil og fjern alle

tagger og HTML og inline

formateringsattributter.

Utdatert tabellhøydeattributt oppdaget Kontroller tabellcellens høyder, når det er nødvendig, med CSS

stiler.

Stilattributter oppdaget i åpningskoden Flytt kroppsattributter, som margin

attributter og bakgrunnsfarger, til en BODY-tag definere stil

i en ekstern CSS-fil.

typeattributt ikke spesifisert for

JavaScript eller CSS

Legg til typen = "text / css"

attributt for koder og

type = "text / javascript"

attributt for koder:

type = "text / javascript">.

Enhetsnavn brukt i stedet for enhedsnummer Endre enhetens navn til et enhedsnummer, for eksempel å bruke $ # 169; i stedet for © å opprette opphavsrettssymbolet

(c).

Ingen bakgrunnsfargeattributt ble spesifisert for en CSS-stil

som angir tekstfarge

Gi hver stil som inneholder en tekstfargeattributt med en tilhørende bakgrunnsfargeattributt

. Bakgrunnsfargen

bør samsvare med, eller tett sammen, bakgrunnsfargen som

-teksten skal vises på.

Når du er ferdig med å identifisere og justere all ikke-kompatibel kode som er identifisert av valideringsverktøyene, og har fikset alt som trengte å fikse, fortsetter du til testprosessen som testes og aksepteres.

Slik løser du ikke-kompatibel kode på websiden din - dummies

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...