Vad gäller att se information om en förkortad URL så är det många tjänster som använder formatet motsvarande:
för att direkt komma till informationssidan för en förkortad URL; dvs om adressen slutar på ett "+" så visas info:
Vad gäller sidans kod så deklarerar du HTML5, men använder egentligen inte dess fördelar. Istf:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
så kan du tydligare skriva
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
Se <meta charset='utf-8'> vs <meta http-equiv='Content-Type'> och Is type=“text/css” necessary in a <link> tag?. Notera också att det är bra att sätta charset före <title>, då denna också påverkas av detta atttribut.
Dessutom så behöver du inte på XHTML-vis ha självstängande taggar för <input> eller något annat: HTML är inte XHTML. HTML5 tillåter XHTML-stilen av kompatibilitetsskäl, men det behövs inte (först lär de alla att använda självstängande taggar i XHTML, och sedan säger de till alla att sluta med dessa 10 år senare ).
Istf att skriva
<div class="text"><p>Text</p></div>
så kan man också lika gärna bara skriva
vilket blir tydligare (för den delen: vad beskriver <p> om inte "text" i detta fall? Du kanske inte behöver någon klass alls om det är det enda taggen ändå används till; det blir automatiskt semantiskt).
HTML5 ger dig också taggar som t ex <footer> som du kan använda i stället för
<div id="footer" style="z-index:-1;"><span style="float:right;margin-right:20px;">© 2013 Byt Url - Förkortar din URL</div>
(och du har glömt stänga <span>-taggen här) och alltså helt enkelt skriva
<footer>© 2013 Byt Url - Förkortar din URL</footer>
All "styling" kan/bör/ska du sköta i din länkade CSS-fil.
En annan notis är att du definierar kodningen som UTF-8, men ändå använder du HTML-entiteter. Du skulle helt enkelt kunna skriva "©" (u00a9) istf "©": din kod blir kortare och enklare att läsa. Och när jag ändå är här: bindestrecket i din footer borde vara en em dash, vilket du får genom — eller återigen direkt med UTF-8: — (u2014). Sammantaget:
<footer>© 2013 Byt Url — Förkortar din URL</footer>
Av någon anledning så står det också "<html >" istf "<html>" i översta taggen på alla sidor.
Om du sätter attributet "required" på ditt inputfält så kommer webbläsaren automatiskt ge en visuell indikation om det inte är ifyllt. Du kan även med fördel använda type="url" för att förenkla för användare.
Jag förväntar mig att kunna skriva in data i ett formulär och sedan kunna trycka <Enter> för att skicka detta, men det går inte. Till att börja med har du ingen <form>-tagg runt formuläret.
Meningen:
borde snarare vara
"Klicka här för att…"-mönstret är i stort sett alltid onödigt. Vi vet vad en länk är, webläsaren gör det tydligt på en mängd sätt; vi behöver inte utbildas i hur man klickar på saker på internet .
Som nämndes: ta bort alla style-taggar i HTML-dokumentet och sköt det i stället i din CSS-fil. Med class och id så ska detta inte vara något problem. En praktisk fördel är att man på flertalet sidor kan dela på en CSS-fil som cacheas efter besöket på första sidan, vilket minimerar mängden redundant kod som behöver överföras, vilket ger snabbare sidor och lägre dataförbrukning. Minst lika viktigt är förståelsen för hur man bör segmentera material, uppmärkning och presentation.