Hvordan lage Lengre HTML-koder i korte Koder

July 17

De lengre enkelte HTML-koder er innenfor et HTML-dokument, jo mer forvirrende og convoluted dokumentet skal se ut, spesielt hvis du ikke har mye koding erfaring. Besklektet HTML-koder er i tillegg problematisk hvis feltet du trenger for å lime koden din har et tegn. Uansett hvorfor du ønsker å gjøre det, forkorte og konsolidere koder når det er mulig.

Bruksanvisning

1 Bruk relative banenavn når det er mulig. For eksempel, hvis du setter inn en lenke til en fil vert på yourwebsite.com/content/files/file1.jpg og redigerer yourwebsite.com/content/pages/contact.html, bruker den relative banen "filer / file1.jpg "heller enn full webadresse å forkorte koden.

2 Konsolidere funksjoner som justering og skjermstørrelsen på en side element, snarere enn utenfor det. Snarere enn å sentrere et bilde som dette, for eksempel:

3 Fjern HTML-tabeller og bruk avsnitt eller linje break-koder i stedet. For eksempel, i stedet for å plassere to koblede bilder på egne linjer på denne måten:

<Table>

<Tr>

<td><a href="http://myurl.com/page1.html"><img src="http://myurl.com/image1.jpg"></img></a>

& Lt; / td>

& Lt; td> & lt; a href = "http://myurl.com/page2.html"> & lt; img src = "http://myurl.com/image2.jpg"> & lt; / img> & lt; / a>

</ Tr>

</ Table>

Gjør dette:

<P> <a href="<img"> http://myurl.com/page1.html"><img src = "& lt; / img> & lt; / a> & lt; / p"> http: //myurl.com/image1.jpg "> & lt; / img> & lt; / a> & lt; / p>

<P> <a href="<img"> http://myurl.com/page2.html"><img src = "& lt; / img> & lt; / a> & lt; / p"> http: //myurl.com/image2.jpg "> & lt; / img> & lt; / a> & lt; / p>

4 Styr stilistiske elementer av nettstedet ditt som vises på alle sider ved hjelp av Custom Style Sheet, eller CSS, snarere enn manuelt å bruke formatering på tekst eller bilder i HTML-koden. I noen tilfeller, å forkorte lang HTML-koden er et spørsmål om å eliminere den helt.