Artikelelement

HTML
Jämförelser

HTML5 Article är ett HTML5 semantiskt element, liknande <section> och <header> . Det används oftast för att innehålla information som kan distribueras oberoende av resten av webbplatsen eller applikationen den visas i.

Funktioner och användning

HTML5 <artikel> -elementet representerar en komplett sammansättning i en webbsida eller webbapplikation som är oberoende distribuerbar eller återanvändbar , t.ex. i syndikering. Detta kan vara ett foruminlägg, en tidskrift eller tidningsartikel, ett blogginlägg, en användarinskickad kommentar, en interaktiv widget eller gadget eller något annat oberoende innehåll.

Exempel

Som mest grundläggande kan <artikel> användas för att kapsla in en text och en motsvarande titel så här: 


  
  
 <  article  >  <  h2  >  Infoga titel här  </  h2  >  <  p  >  Infoga ett stycke med text här  </  p  >  </  article  >

Foruminlägg och kommentarer implementeras vanligtvis genom att kapsla <article> -taggar: 


  
    
    
  
  
  
    
      
      
    
    
  
  
    
      
      
    
    
  
 <  article  >  <  header  >  <  h1  >  Postens titel  </  h1  >  <  p  >  Header Info  </  p  >  </  header  >  <  p  >  Postens innehåll...  </  p  >  <  article  >  <  header  >  <  h2  >  Författare: John Smith  </  h2  >  <  p  >  Kommentarsinfo  </  p  >  </  header  >  <  p  >  Kommentarstext...  </  p  >  </  article  >  <  article  >  <  header  >  <  h2  >  Författare: Jane Johnson  </  h2  >  <  p  >  2:a kommentarens info  </  p  >  </  header  >  <  p  >  Kommentarstext...  </  p  >  </  article  >  </  article  >

Attribut

Elementet <article> inkluderar bara de globala HTML-attributen som contenteditable , id och title. Pubdate , ett valfritt booleskt attribut för elementet <time> , används dock ofta tillsammans med <article> . Om det finns, indikerar det att <time> -elementet är det datum då <artikeln> publicerades. Observera att pubdate endast gäller det överordnade <article> -elementet, eller för dokumentet som helhet.

Jämförelse med <sektion>

HTML5 introducerade både <artikel> och <sektion> ; båda är semantiska taggar, som definierar avsnitt i ett dokument, såsom kapitel, sidhuvuden, sidfötter. [ opålitlig källa? ] Elementet <artikel> är i själva verket en specialiserad typ av <sektion> och det har en mer specifik betydelse, som hänvisar till ett oberoende, fristående block av relaterat innehåll.

Häckande exempel

För att bättre organisera oberoende innehåll kan <section> -taggar kapslas in i <article> -taggar: 


  
  
  
    
    
  
  
    
    
  
 <  article  >  <  h2  >  Namn på former  </  h2  >  <  p  >  Det finns flera olika typer av former...  </  p  >  <  section  >  <  h4  >  Trianglar  </  h4  >  <  p  >  Här är lite info om trianglar  </  p  >  </  section  >  <  section  >  <  h4  >  Cirklar  </  h4  >  <  p  >  Dessa Pi-formade underverk är fascinerande och...  </  p  >  </  section  >  </  article  >

Omvänt kan det ibland vara lämpligt att kapsla ett <artikel> -element inuti ett <sektion> -element. Till exempel på en webbsida som innehåller flera artiklar om olika ämnen: 

  
    
    
      
       
    
    
      
      
    
   <  section  >  <  h1  >  Artiklar om Paris turism  </  h1  >  <  article  >  <  h3  >  Eiffeltornet  </  h3  >  <  p  >  Stående på över 12 tum högt...  <  /  p  >  </  article >   <  article  >  <  h3  >  Louvren  </  h3  >  <  p  >  Ett måste i Paris turism...  </  p  >  </  article  >  </  section  >

Webbläsarstöd

Följande webbläsare har stöd för detta element:

externa länkar

Hämtad från " https://en.wikipedia.org/w/index.php?title=Article_element&oldid=1140260735 "