"<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="style.css"> <title>Laboration 6</title> </head> <body> <div id="page"> <div id="header"> <h1>Laboration 6</h1> <a href="Lab6b.html">Del 2</a><br> <a href="http://brainstormsandraves.com/articles/semantics/structure/">Artiklen</a> </div> <div id="content"> <h2>Sammanfattning av artikeln "Semantics, HTML, XHTML and Structure"</h2> <p>Den här artikeln tar upp innebörden av att koda din hemsida så strukturerat och därigenom även förhoppningsvis så logiskt som möjligt. Hur viktigt det är att använda attribut som kan valideras och läsas av webbläsare och enbart använda verifierad kod som kan valideras av w3. En logisk och strukturerad hemsida gör det inte bara enklare för en besökare att använda informationen som ska visas på hemsidan utan med hjälp av en strukturerad kod så är det mycket enklare att felsöka, bygga vidare och redigera. <br> Mycket av informationen i artikeln berättar hur klienter som författaren kallar användarna ska kunna skapa sig en hemsida som enligt honom blir korrekt.Artikeln tar upp det viktiga att använda rätt sorts attribut och undvika onödiga längre vägar till det önskade resultatet som du vill ha.</p><p>Till att börja med så tar författaren upp paragraf elementet, radbrytningar & citering. Mycket av attributerna som krävs vid faktatexter pulbicerade på en hemsida. Det poängeras även att använda CSS stylesheetmallar när det går för att förenkla din kod ytterligare. "Start with good HTML structure and then add the CSS, preferably with an external style sheet, for the visual presentation that you have in mind." </p> <p>Därefter tas det upp flera rader om paragrafer om listor. Exempel på olika sorter och när det kan vara bra att använda en specifik sort som förslagsvis en speciellt utformad lista till dialoger mellan olika personer. "Use definition list elements for terms and their corresponding descriptions. Another possible use is for marking up dialogues, with each DT element naming a speaker followed by the DD element containing the speakers words." Ofta kan det vara så att din hemsida publiceras i utbildningssyfte att lära andra människor html. Det finns då en unik attribut vid namn "code", det som skrivs inom den attributen tolkas inte av din webbläsare som kod och kräver inga specialtecken.</p> <p>Vidare längre ner på hemsidan så finns det en FAQ (frequently asked questions) där författaren ger svar på de flesta återkommande frågorna. Frågorna berör flera olika ämnesområden, inte bara problemlösning utan användare har även frågar skillnaden mellan HTML 4 och XHTML 1.</p> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fhomeweb.mah.se%2F%7Ekf06824%2F011019%2Flab6%2Flab6a.html&charset=%28detect+automatically%29&doctype=Inline"><img src="valid.png" alt="valid" border="0"></a><br> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fhomeweb.mah.se%2F%7Ekf06824%2F011019%2Flab6%2Flab6a.html&charset=%28detect+automatically%29&doctype=Inline"><img src="vcss.png" alt="vcss" border="0"></a> </div> </div> </body> </html>" Här ovan är koden...