XHTML Basic 1.0 är en standard som används för att strukturera innehåll i webbläsare
för mobila klienter. Den är modulbaserat.
XHTML Basic 1.0 är en del av WML 2.0 (Wireless Markup Language), dvs. WML 2.0 består av
XHTML Basic 1.0 och CSS Mobile Profile 1.0 (en nedbantad CSS 2 för mobila klienter).
Denna tutorial innehåller bara beskrivning av taggarna, exempel finns
i Uppgift 1a.
Varje (icke-tomt) element i ett XHTML-dokument består av en starttagg, en sluttagg och
elementets innehåll. Med andra ord utgör innehållet samt start- och sluttaggen ett element.
Denna tutorial presenterar och förklarar XHTML Basic 1.0-taggar från nedan listade moduler.
Klicka på länkarna nedan för att komma till respektive sektion:
<base></base>
Är del av <head>-elementet och anger dokumentets bas-URL. Möjliggör
omvandling av relativa länkar i ett dokument till absoluta länkar genom att kombinera
dem med bas-URL:en för dokumentet. Tar <href>-attribut.
<img></img>
En bild läggs in med hjälp av ett <img>-element. Detta är ett tomt
inline-element, som tar två erforderliga attribut, src och alt.
Attributet src ger adressen för bilden som ska laddas och alt tar
ett strängvärde som visas om grafikfilen inte kan visas av någon anledning. Dessutom tar
<img>-elementet en rad alternativa attribut vilka kan ersättas med formarmallar.
Den generella syntaxen för <img>-elementet är:
<img src="[adress eller sökväg till bilden]" alt="beskrivande text" />
<form></form>
Ett formulär infogas med hjälp av <form></form>-taggar.
Formuläret behöver inte utgöra en hel sida, utan det är möjligt att ha ett eller flera
små formulär bland annat innehåll. <form>-elementet tar ett antal
attribut, som <action>, <method>, <name>,
<target> och <enctype>.
<input/>
<input>-elementet är ett tomt element. Används för att ange ett formulärs
inmatningsobjekt. <input>-elementet måste namges om det ska vidarebefodras
till servern.
<label></label>
Används för att rubricera ett formulärfält. Tar attribut som <id>,
<class>, <style> och <title>.
<select></select>
Används för att skapa en lista med alternativ från vilken användaren kan välja ett alternativ.
Tar attribut som <id>, <class>, <style>
och <title>.
<option></option>
Används för att definera varje val i en <select>-lista. Tar attribut som
<id>, <class>, <style> och
<title>.
<textarea></textarea>
Används för att definiera ett inmatningstextfält med flera rader.
<class>-elementet skapar alltså en stor ruta att skriva text i.
Tar attribut som <id>, <class>, <style>
och <title>.
Attributen <rows> och <cols> anger storleken på
textområdet och måste alltid finnas.
<a></a>
Ankartaggen ("a" står för ankare) är ett element som XHTML använder för att innefatta
information om hyperlänkar. Det kan användas som länk till ett annat dokument eller som
en markör för en annan länk att peka till, beroende på givna attribut.
<a>-elementet accepterar flera attribut, bl.a.
<id>, <class>, <style>,
<title>, <type>, <name> och <href>.
<dl></dl>
En definitionslista lista olika objek som måste defineras. Denna typ av lista kan
vara särskilt användbar för en lång lista med termer.
<dt></dt>
Definitionstermen innehåller den term som ska definieras i definitionslistan.
<dd></dd>
Definitionsbeskrivningen innehåller den beskrivning som beskriver den definierade
termen.
<ol></ol>
Är ett element för att skapa en ordnad lista. Varje ny rad markeras med en siffra
eller bokstav. Ett ordnat listelement kan endast innehålla listobjektelement. Listorna
kan nästlas, så att en ny lista ingår i ett listobjekt.
Numrerinssystemet kan ändras
med hjälp av ett "typ"-attribut. Typattributet för en oordnad lista kan anta värdet "l" -
arabiska siffror, "a" - små alfa, "A" - stora alfa, "i" - små romerska eller "I" - stora
romerska. Standard är arabiska siffror.
<ul></ul>
Är ett element för att skapa en oordnad lista. Varje ny rad markeras med en punkt.
Ett oordnat listelement kan endast innehålla listobjektelement.
Punkttypen kan ändras
med hjälp av ett "typ"-attribut. Typattributet för en oordnad lista kan anta värdet
circle, disc eller square. Standard är disc.
Listorna kan nästlas, så att en ny
lista ingår i ett listobjekt.
<li></li>
Varje objekt i listan måste ingå i ett listobjektelement. Dessa listobjektelement
kan innehålla nästan vad som helst.
<link></link>
<link>-elementet har många olika syften. Med hjälp av
den kan man länka till en formatmall (style sheet). Den kan också användas som ett
hjälpmedel för att innefatta adressen till en annan sida i form av en URL. Det enda
nödvändiga attributet är <type>-atributtet, som beskriver mediatypen.
Metainformation är en beskrivning av det dokumentet den tillhör. Metainformation är information om vilken typ av dokument det är, dess namnutrymme, namnet eller titeln på dokumentet, dess form o.s.v. Allt detta finns i dokumentets huvud och överförs genom en uppsättning elementtyper, attribut och deras värde.
<meta></meta>
Är en del av <head>-elementet och används för att överföra information
om <meta>-innehållet i ett dokument. Det tar följande attribut:
<name>, <http-equiv>, <content> och
<scheme>. <content>-attribut måste alltid vara med samt
antingen <name> eller <http-equiv> eller båda.
<scheme>-attributet är valfritt. Man kan använda hur många
<meta>-element som hels i <head>-avsnittet på ett
dokument.
"name"-attributet
<name>-attributet används framför allt då <content>
-attributet är avsett att tolkas av läsaren eller någon annan användaragent. Man kan
använda vilket namn man vill, men vissa namn har en väldefinierad innebörd, t.ex.
keywords och description.
"author"-värde
Används för att ange namn och adress till webbsidans författare:
<META name="author" content="Blanca Larkeson">
<http-equiv>-attributet kan användas istället för
<name>-attributet.
"description"-värde
Används för att informera användaragenten att <content>-attributet
innehåller en kortare beskrivning av sidan.
"generator"-värde
Används för att ange namn på det verktyg med hjälp av vilket webbsidan har skapats:
<META name="generator" content="Microsoft FrontPage 4.0">
"http-equiv"-attributet
När <http-equiv>-attributet används, tolkas informationen som finns i
<content>-attributet somom det fanns i HTTP-huvudet. Kan användas
tillsammans med attributvärdet refresh för att automatiskt uppdatera en
webbsida.
"keywords"-värde
Används för att informera användaragenten att <content>-attributet
innehåller en kommateckenseparerad lista med nyckelord:
<META name="keywords" content="XHTML, HTML, tutorial, webdesign">.
"robots"-värde
En robot är en typ av sökmotor. Det är ett datorprogram som automatiskt söker igenom
webben, hämtar dokument och de dokument som är länkade tii de. En robot är programmerad
att leta efter särskild information och automatiskt överföra den till en databas.
En del robotar hittar informationen genom att titta bara på de första raderna i ett
dokument eller innehållet i <meta>- och <title>-taggarna
medan andra söker igenom hela dokumentet.
Ibland vill man undvika att sidor indexeras av sökrobotar eller att länkar på sidan ska
"följas". Detta kan man göra med hjälp av attributvärden "noindex" och "nofollow":
<meta name="robots" content="noindex, nofollow">
<object></object>
<object>-elementet gör att vilket objekt som helst, t.ex. en sida med
text, en bild, en multimediafil eller ett Active X-objekt, kan bäddas in i webbsidan.
<object>-elementet tar data-attributet, vilket specificerar filen som
objektet kommer ifrån:
<object data="Filnamn.txt" height="250" width="350" />
<param></param>
<param>-element används tillsammans med applets och har som funktion
att skicka tilläggsinformation till miniprogrammet och bestämma olika parametrar.
<param>-element tar namn- och värdeattribut och man använder ett separat
<param>-element för varje parameter som man vill tillföra.
<body></body>
Dokumentets kropp är dokumentets väsentliga del, eftersom det är den delen som skall
visas i browserns fönster för att läsas. Dokumentkroppen kan innehålla, förutom vanlig
text, även rubriker, stycken, listor, tabeller, kommentarer och koder.
<head></head>
Dokumenthuvudet innehåller viktig information om dokumentet, såsom en titel,
metainformation, länkningsinformation, formatinformation, olika objekt, skript
samt base. Denna information visas vanligtvis inte i browsern.
De element som tillåts i ett dokumenthuvud är:
<title>, <link>, <meta>, <object>, <style>, <script>
och <base>.
Enligt XHTML-reglerna måste <title>-elementet alltid vara
det första elementet och alltid finnas med.
<html></html>
Talar om att det är ett HTML-dokument.
<title></title>
Dokumenttiteln finns i dokumenthuvudet, mellan dokumenthuvudets start- och sluttag.
Titeltaggen används av sökmotorer, och bör alltid används även om den inte visas i
browser-fönstret.
<caption></caption>
Detta element är valfritt, men när det tas med, måste det vara det första elementet
i tabellen.
<table></table>
Detta element omgärdar hela tabellkonstruktionen. Det kan innehålla följande
element: <caption>, <thead>, <tfoot>,
<tbody> och <tr>.
<td></td>
Representerar en standardcell. Kan innehålla alla typer av XHTML-element liksom
vanlig text. Detta element finns alltid inom ett <tr>-element.
<th></th>
Används vanligtvis för en cell i ett tabellhuvud och texten blir oftast fet och
centrerad. Kan innehålla alla typer av XHTML-element liksom vanlig text. Detta element
finns alltid inom ett <tr>-element.
<tr></tr>
Detta element märker upp raderna i tabellen. <tr>-element kan ingå
antingen direkt i <table>-elementet eller i elementen <thead>,
<tfoot> och <tbody>. När någon av dessa tre tabell-
undersektioner är närvarande kan inte <tr>-element ingå direkt i tabellen.
<tr>-element kan endast innehålla <th>- och
<td>-element.
<abbr></abbr>
Abbreviation är ett beskrivande element. I de flesta läsarna bär det ingen stilistisk
eller struktuell semantik.
<acronym></acronym>
Acronym är ett annat beskrivande element. I de flesta läsarna bär det ingen stilistisk
eller struktuell semantik.
<address></address>
Används till e-postadresser och talar om vem eller vilket företag som läsaren kan
vända sig till angående den aktuella sidan. Webmasterns adress visas i kursiv stil.
<blockquote></blockquote>
Blockquote används för att visa citat. Det finns vertikalt tomt utrymme före och efter
elementet, samt ett vänster- och högermarginalsindrag.
<br />
Fast linjeskift är ett tomt formatelement som motsvarar en radbrytning, dvs det skapar
en ny rad. Används när man vill att texten alltid ska separeras på ett bestämt ställe.
Elementet fungerar endast i visuell media, det skapar ingen effekt i andra media.
<cite></cite>
Cite används för just citat. De flesta läsarna återger detta som kursiv
text.
<code></code>
Code är ett beskrivande element återgivet som teckensnitt med fast
teckenbredd i de flesta läsarna.
<dfn></dfn>
Definition är ett beskrivande element återgivet som kursiv stil i de
flesta läsarna.
<div></div>
Division är ett block-element och används ofta med formatmallar (style sheets).
Det finns en radbrtning före och efter elementet utan något vertikalt tomt utrymme.
<em></em>
Emphasis är ett beskrivande element återgivet som kursiv stil i de flesta
läsarna.
<h1></h1>
Det finns sex olika rubriknivåer, med teckenstorlek från 10 punkter upp till 24 punkter.
Alla rubriker har en över- och undermarginal.
<kbd></kbd>
Keyboard återges som text med fast teckenbredd som påminner om
gammaldags skrivmaskinstext.
<p></p>
Paragraph-taggen underlättar läsbarheten av en text genom att dela upp den i stycken,
med hjälp av en blankrad före och efter textstycket.
<pre></pre>
Läsarna (browsrar) minskar vanligtvis det tomma utrymmet i källdokumentet till ett
enkelt mellanslag. Preserve-taggen används när man vill behålla formateringen i
förälderdokumentet. De flesta läsarna visar pre-elementet i teckensnitt där tecken
är lika stora, t.ex. Courier New.
<q></q>
Quotation är ett beskrivande element. I de flesta läsarna bär det ingen stilistisk
eller strukturell semantik.
<samp></samp>
Sample är ett beskrivande element återgivet som teckensnitt med fast
teckenbredd i de flesta läsarna.
<span></span>
Span är ett in-line element som definierar ett textintervall, men orsakar ingen
radbrytning. Används som ett hjälpmedel för format- eller class-attributet.
<strong></strong>
Strong är ett beskrivande element återgivet som starkt betonad
text i de flesta läsarna.
<var></var>
Variable är ett beskrivande element återgivet som kursiv text i de
flesta läsarna.