Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • HTML 5 structure översikt - en hippie standard med potential? #html5 | jimiwikman.se

    HTML 5 structure översikt - en hippie standard med potential? #html5

    Posted , 131 views, 0 comments

    HTML 5 är på frammarsch ordentligt och är du som jag van vid den strikta XHTML syntaxen så gissar jag att du också rullar med ögonen över HTML5's luddiga och ibland snudd på obegripliga standard, men visst finns det potential?!

     

    HTML5 känns väldigt influerad av Internet Explorer och Microsoft med sina lösa regler och den där hopplösa "man kan göra lite som man vill" mentaliteten, något som förmodligen var XHTML's stora fördel när det petade ner HTML4.1 från tronen och skapade lite ordning i kodträsket. Nu är vi på väg tillbaka till ett mer avslappnat och förlåtande HTML som jag är inte helt säker på att jag gillar.

     

    Det som jag däremot gillar är dom nya strukturtaggarna. Dom nya taggarna ger en ny dimension till div-itis sjukan där div taggar nästlas tills man får tunnelseende. Nu går det Vid första anblicken så ser dom ganska enkla ut, men sedan så kollar man specifikationen och då blir det plötsligt inte lika tydligt:

    the footer element
    can
    appear at the start of its section when appropriate, such as in this case. (Using header in this case wouldn't be wrong either; it's mostly a matter of authoring preference.)

    Trots den förvirringen som först uppstår så finns det några riktlinjer att gå efter och jag gissar att ju mer taggarna används desto tydligare blir det, men tills dess tänkte jag beskriva taggarna och hur dom är tänkta att användas, enligt mig.

    Header

    header beskrivs som "a group of introductory or navigational aids", vilket inte säger speciellt mycket direkt. Många tänker direkt på HTML dokumentets head tagg, även kallad MastHead, men i HTML5 så kan det finnas många headers och det är till och med rekommenderar att varje section ska ha en header och även article kan ha det om det känns lämpligt (luddigt det här). Namnet kanske får dig tt tro att det alltid ska ligga överst i ett dokument eller sektion, men det stämmer inte alltid utan det är beroende på innehållet, dvs var introduktionen eller navigationshjälpmedel finns.

    A header element is intended to usually contain the section's heading (an h1 element or an hgroup element), but this is not required. The header element can also be used to wrap a section's table of contents, a search form, or any relevant logos.

    Nav

    Nav taggen är tänkt för olika delar av webbplatsen som länkar till andra områden på webbplatsen, något som vanligtvis brukar ligga som huvudnavigation i MastHead eller som en sidosektion. Nav kan användas på huvudnavigering och undernavigering, men bör inte användas på annat. I footern på en webbplats ligger det ofta navigering, men där ska nav inte användas utan footer taggen är tillräcklig.

    Not all groups of links on a page need to be in a nav element — the element is primarily intended for sections that consist of major navigation blocks. In particular, it is common for footers to have a short list of links to various pages of a site, such as the terms of service, the home page, and a copyright page. The footer element alone is sufficient for such cases; while a nav element can be used in such cases, it is usually unnecessary.

    User agents (such as screen readers) that are targeted at users who can benefit from navigation information being omitted in the initial rendering, or who can benefit from navigation information being immediately available, can use this element as a way to determine what content on the page to initially skip and/or provide on request.

    Section

    Section används för att gruppera olika sektioner av relaterad information. Section är förmodligen den tagg som kommer att användas mest som ersättning för en vanlig div tagg, som inte har någon semantisk betydelse, men den ska inte användas som en slags generisk ersättare. Section ska bara användas när det är logiskt att dela upp innehållet i sektioner, ungefär som om du skulle dela upp sidan i en punktlista med dom olika delarna på webbsidan. Något som är lite intressant med section är att det är helt ok att använda H1 taggar för varje sektion utan att därför bryta mot sidans semantiska uppbyggnad.

    Authors are encouraged to use the article element instead of the section element when it would make sense to syndicate the contents of the element.

     

    The section element is not a generic container element. When an element is needed for styling purposes or as a convenience for scripting, authors are encouraged to use the div element instead. A general rule is that the section element is appropriate only if the element's contents would be listed explicitly in the document's outline.

    Article

    Article används för "self-contained related content" vilket kanske inte alltid är helt enkelt att avgöra. Generellt kan man säga att innehåll som du publicerar styckevis i ett system, som nyheter, bloggposter osv kan använda article. Om innehållet skulle kunna syndikeras med RSS så är det med största säkerhet lämpligt att använda article eftersom article taggen är skapat speciellt just för syndikerat innehåll.

    When used specifically with content to be redistributed in syndication, the article element is similar in purpose to the entry element in Atom. [ATOM]

    The time element's pubdate attribute can be used to provide the publication date for an article element.

    Aside

    Första tanken var att aside är en slags sidebar tagg, men som många andra taggar så har namnet en lite annorlunda betydelse. Aside är tänkt för innehåll som är skild från huvudinnehållet. Det kan till exempel vara en sidebar, ett annonsblock eller undernavigation för sidan. Pullquotes är också något som passar väl i en aside tagg.

    It's not appropriate to use the aside element just for parentheticals, since those are part of the main flow of the document.

    Footer

    footer associeras, precis som header taggen, med en viss position, men precis som med headern så är det innehållet som styr. Footer används för information om vem som skrivit en viss artikel, copyright information, länkar till relaterat innehåll osv. Kontakt information ska däremot inte ligga i en footer utan i adress, men adress i sin tur kan mycket väl ligga inne i en footer. Precis som med header taggen så kan det ligga flera footer taggar i ett dokument.

    Contact information for the author or editor of a section belongs in an address element, possibly itself inside a footer.

     

    The footer element is not sectioning content; it doesn't introduce a new section.

    User Feedback

    Recommended Comments

    There are no comments to display.



    Guest
    Add a comment...

    ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.


  • Who's Online   0 Members, 0 Anonymous, 5 Guests (See full list)

    There are no registered users currently online

×
×
  • Create New...