Tips, handledning och mer - Nyheter - HTML5 Tutorial 2: De nya elementen

HTML5 Tutorial 2: De nya elementen

Den senaste versionen av HTML släpptes 1999, 12år tillbaka och sedan dess har webben och våra krav på webben förändrats mycket. För att möta våra nya och moderna krav har HTML5 kommit med massor av nya element, taggar och mycket mer. Webben har helt förändrats från vad den var tidigare. Nej, vi kan se video / ljud på webben, ansluta till en databas och många andra saker. Så läs vidare för att veta vad HTML5 har kommit med.

För att förbättra vår webb har HTML5 kommit med nya element för basstrukturen, bättre hantering, ritning och bättre medieinnehåll.

Nya strukturella element

Kolla in listan över nya strukturella element i HTML5

Märka	kort beskrivning
<Artikeln>	Används för att definiera en artikel
<Åt sidan>	Definierar innehåll som är bortsett från sidinnehållet
<Kommando>	För att skapa en ny kommandoknapp
<detaljer>	Lägg till några ytterligare detaljer som en användare kan visa eller dölja
<Sammanfattning>	Synlig rubrik för ett <detaljer> -element
<Siffra>	Visar fristående innehåll
<Figcaption>	Bildtext för <figure> -element
<Footer>	Används för att infoga en sidfot i dokumentet eller sidan
<Header>	Används för att infoga en rubrik i dokumentet eller sidan
<Hgroup>	Rubriknivåer från H1 till H6
<Märke>	Används för att markera eller markera texten
<Meter>	Skalarmätning
<Nav>	Används för att definiera navigationslänkar
<Framsteg>	För att visa hur en uppgift går
<Ruby>	Ruby Annotation
<Rt>	Förklaring / uttal av tecken
<Rp>	Vad du ska visa i webbläsare som inte stöder rubinanteckningar
<Section>	Avsnitt i ett dokument
<Tid>	Används för att infoga datum / tid
<Wbr>	Line-break

Nya medieelement

Märka	kort beskrivning
<Audio>	Sätter in ljudinnehåll
<Video>	Infogar video eller film
<Källa>	Infogar flera medieresurser för <video> och <audio>
<Embed>	Används för att bädda in något

Nya formelement

Märka	Beskrivning
<Datalist>	Lista med fördefinierade alternativ för ingångskontroller
<Keygen>	Nyckelpargeneratorfält
<Output>	Resultatet av en beräkning

Det nya <Canvas> -elementet

Detta är ett bra element; det används i princip för att rita grafik genom att göra några skript med JavaScript. Detta är en mycket användbar funktion; du vill gärna koda det.