HTML -attribut - HTML attribute

HTML -attribut är specialord som används inuti öppningstaggen för att styra elementets beteende. HTML -attribut är en modifierare av en HTML -elementtyp . Ett attribut ändrar antingen standardfunktionen för en elementtyp eller tillhandahåller funktionalitet till vissa elementtyper som inte kan fungera korrekt utan dem. I HTML -syntax läggs ett attribut till en HTML -starttagg .

Flera grundattributtyper har identifierats, inklusive: (1) erforderliga attribut , som behövs av en viss elementtyp för att den elementtypen ska fungera korrekt; (2) valfria attribut , som används för att ändra standardfunktionen för en elementtyp; (3) standardattribut , stöds av många elementtyper; och (4) händelseattribut , som används för att få elementtyper att ange skript som ska köras under specifika omständigheter.

Vissa attributtyper fungerar olika när de används för att ändra olika elementtyper. Till exempel, attributnamn används av flera elementtyper, men har något olika funktioner i varje.

Beskrivning

HTML-attribut visas i allmänhet som namn-värde-par , åtskilda av =och skrivs inom starttaggen för ett element, efter elementets namn:

<element attribute="value">element content</element>

Där elementnamnen på HTML -elementtypen, och attributeär namnet på attributet, anges till den angivna value. Värdet kan ingå i enkla eller dubbla citattecken, även om värden som består av vissa tecken kan lämnas utan citat i HTML (men inte XHTML). Att lämna attributvärden ociterade anses vara osäkert.

Även om de flesta attribut tillhandahålls som parade namn och värden, påverkar vissa elementet helt enkelt genom att de finns i elementets starttagg (som ismapattributet för imgelementet).

Förkortningselementet,, abbrkan användas för att demonstrera dessa olika attribut:

<abbr id="anId" class="aClass" style="color:blue;" title="Hypertext Markup Language">HTML</abbr>

Detta exempel visas som HTML i blått utan att vara en länk, och i de flesta webbläsare ska pekaren markera mot förkortningen att visa texten "Hypertext Markup Language" i en flytande gul bakgrund ( verktygstips ).

<div style="textalign: center;">Centered text</div>

I det andra exemplet kommer din text att se ut så här:

De flesta elementen tar också de språkrelaterade attributen langoch dir.

Vanliga attribut

Vanligtvis kan HTML -element ta flera av de vanligaste standardattributen ( se hela listan ):

• Att id ta-attributet ger en unik dokumentidentifikator för ett element. Detta kan användas som CSS -väljare för att tillhandahålla presentationsegenskaper, av webbläsare för att fokusera uppmärksamheten på det specifika elementet, eller av skript för att ändra innehållet eller presentationen av ett element. Tillägget till webbadressen till sidan, webbadressen riktar sig direkt till det specifika elementet i dokumentet, vanligtvis en undersektion av sidan. Till exempel ID "Attribut" i http://en.wikipedia.org/wiki/HTML#Attributes(för att se avsnittet "Attribut" på "HTML" -sidan).
• Den classattribut ger ett sätt att klassificera liknande element. Detta kan användas för semantiska ändamål eller för presentationsändamål. Semantiskt används till exempel klasser i mikroformat . Presentationsmässigt kan till exempel ett HTML -dokument använda beteckningen för class="notation"att indikera att alla element med detta klassvärde är underordnade dokumentets huvudtext. Sådana element kan samlas ihop och presenteras som fotnoter på en sida istället för att visas på den plats där de förekommer i HTML -källan. En annan presentationsanvändning skulle vara som CSS -väljare . Flera klasser kan läggas till genom att ha mellanslag mellan varje identifierare .
• En författare kan använda stylepresentationsegenskaperna för icke-attributuella koder till ett visst element. Den styleattribut kan användas på alla HTML-element (det kommer att validera på någon HTML-element, men är det inte nödvändigtvis användbar). Det anses vara bättre att använda ett element ideller classattribut för att välja elementet med ett formatmall , men ibland kan det vara för besvärligt för en enkel och specifik eller ad hoc -tillämpning av stylade egenskaper.
• Den titleattributet används för att fästa subtextual förklaring till ett element. I de flesta webbläsare visas detta attribut som det som ofta kallas ett verktygstips .

Olika sorter

HTML -attribut klassificeras i allmänhet som obligatoriska attribut , valfria attribut , standardattribut och händelseattribut :

• Vanligtvis ändrar de obligatoriska och valfria attributen specifika HTML -element
• Medan standardattributen kan tillämpas på de flesta HTML -element.
• Händelseattribut, tillagda i HTML -version 4, tillåter ett element att ange skript som ska köras under specifika omständigheter.

Obligatoriskt och valfritt

Används av ett element

• <applet> : kod , objekt
• <område> : nohref
• <body> : alink , bakgrund , länk , text , vlink
• <form> : accept-charset , action , enctype , method
• <ram> : noresize
• <head> : profil
• <hr> : noshade
• <html> : xmlns
• <img> : ismap
• <input> : markerad , maxlängd
• <etikett> : för
• <meta> : innehåll , http-ekviv , schema
• <object> : classid , codetag , data , deklarera , standby
• <ol> : starta
• <alternativ> : valt
• <param> : värdetyp
• <script> : skjuta upp , xml: mellanslag
• <val> : flera
• <tabell> : cellpadding , cellavstånd , ram , regler , sammanfattning
• <td> : rubriker

Används av två element

• <a> och <område> :
  • koordinater - koordinater för ett <område> eller en <länk> inom det.
  • form - form av ett <område> eller en <länk> i det. Värden: standard, rekt, cirkel, poly.
• <a> och <länk> :
  • hreflang - Språkkod för det länkade dokumentet. ( <a> , <länk> )
  • rel - Typ av det länkade dokumentet (i förhållande till sidan som för närvarande visas). Fritext för <a> , men <länk> använder en uppsättning termer (alternativ, bilaga, bokmärke, kapitel, innehåll, upphovsrätt, ordlista, hjälp, hem, index, nästa, föregående, avsnitt, start, formatmall, underavsnitt).
  • rev - Typen av den för närvarande visade sidan (i förhållande till det länkade dokumentet). Varierar för <a> och <länk> som för rel.
• <applet> och <object> :
  • arkiv - arkivadress (er) ( <applet> , <objekt> )
  • kodbas - basadress ( <applet> , <objekt> )
• <basefont> och <font> :
  • färg - textfärg (föråldrad) ( <basefont> , <font> )
  • face - typsnittsfamilj (utfasad) ( <basefont> , <font> )
• <col> och <colgroup> :
  • span - antal kolumner som sträcks över ( <col> , <colgroup> )
• <del> och <ins> :
  • datetime - Datum och tid för text borttagning eller insättning .
• <form> och <input> :
  • acceptera - typer av filer som accepteras vid uppladdning av <form> eller <inmatning>
• <ram> och <iframe> :
  • ramram - värde (0 eller 1) anger om en ram ska visas runt <ramen> eller <ramen> .
  • marginalhöjd - övre och nedre marginaler i pixlar runt <ramen> eller <iframe> .
  • scrolling - värde (ja, nej, auto) anger om rullningslister ska visas runt <ramen> eller <ramen> .
  • marginwidth - vänster och höger marginal i pixlar runt <ramen> eller <iframe> .
• <frameset> och <textarea> :
  • cols - antal synliga kolumner i <frameset> eller <textarea> (någon variant)
  • rader - antal synliga rader i <frameset> eller <textarea> (någon variant)
• <img> och <object> :
  • användarkarta-anger namnet på ett kartelement som ska användas med <img> -eller- URL till en bildkarta som ska användas med <objekt> .
• <input> och <textarea> :
  • skrivskyddad-anger skrivskyddad text för <input> och <textarea> .
• <länk> och <stil> :
  • media - anger displayenhet för <länk> och <stil> . Värden: alla, ljud, punktskrift, handenhet, tryck, projektion, skärm, TV, TV.
• <optgroup> och <option> :
  • label - beskrivningstext för en <optgroup> eller <option> .
• <td> och <th> :
  • abbr - förkortad version av en tabellcell eller rubrik .
  • axel - kategorinamn för en tabellcell eller rubrik .
  • colspan - antal kolumner som spänner över en tabellcell eller rubrik .
  • nowrap - (föråldrad) förhindrar inslagning av en tabellcell eller rubrik .
  • rowspan - antal rader som spänner över en tabellcell eller rubrik .
  • scope - ingen effekt på normal webbläsarvisning, men markerar en tabellcell eller rubrik som en logisk rubrik för andra celler. Värden: col, colgroup, row, rowgroup.

Används av flera element

• align - <applet> , <col> , <colgroup> , <object> , <tbody> , <td> , <tfoot> , <th> , <thead>

• anpassa också utfasad i <caption> , <div> , <h1> till <h6> , <hr> , <iframe> , <img> , <input> , <legend> , <p> , <table>

• alt - <applet> , <area> , <img> , <input>
• bgcolor - <body> , <table> , <td> , <th> , <bgcolor>
• kant - <img> , <objekt> , <tabell>
• char - <char> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• charoff - <col> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• teckenuppsättning - <a> , <länk> , <script>
• citera - <blockquote> , <del> , <ins> , <q>
• kompakt - <dir> , <meny> , <ol> , <ul>
• inaktiverad - <knapp> , <inmatning> , <optgrupp> , <alternativ> , <val> , <textområde>
• höjd - <applet> , <iframe> , <img> , <object> . Avskrivs också i <td> , <th>
• href - <a> , <område> , <bas> , <länk>
• hspace - <applet> , <objekt> . Avskrivs också i <img>
• longdesc - <ram> , <iframe> , <img>
• namn - <a> , <applet> , <knapp> , <form> , <ram> , <iframe> , <input> , <karta> , <meta> , <objekt> , <param> , <val> , <textarea>
• storlek - <basefont> , <font> , <hr> , <input> , <select>
• src - <ram> , <iframe> , <img> , <input> , <script>
• mål - <a> , <område> , <bas> , <form> , <länk>
• typ - <knapp> , <inmatning> , <li> , <länk> , <objekt> , <ol> , <param> , <script> , <stil> , <ul>
• valign - <col> , <colgroup> , <tbody> , <td> , <tfoot> , <th> , <thead> , <tr>
• värde - <knapp> , <input> , <li> , <alternativ> , <param>
• vspace - <applet> , <img> , <object>
• bredd - <applet> , <col> , <colgroup> , <hr> , <iframe> , <img> , <object> , <pre> , <table> , <td> , <th>

Standardattribut

Standardattribut är också kända som globala attribut och fungerar med ett stort antal element. De inkluderar de grundläggande standardattributen: dessa inkluderar accesskey, class, contenteditable, contextmenu, data, dir, hidden, id, lang, style, tabindex, title . Det finns också några experimentella. Både xml: lang och xml: base har tagits bort. De flera aria-* attributen förbättrar tillgängligheten. Händelsehanteringsattributen listas senare.

Tekniskt sett måste alla standardattribut accepteras av alla element, även om de inte fungerar med vissa element. Tabellen nedan visar några vanliga standardattribut och några element som de kan fungera med.

Händelseattribut

Standardattributen inkluderar attributen händelsehanterare . De är alla prefix på-:

Händelseattribut, tillagda i HTML -version 4, tillåter ett element att ange skript som ska köras under specifika omständigheter. Tabellen nedan listar några vanliga händelsehanteringsattribut och några element som de kan fungera med.

Se även

• HTML -element

Referenser