Gan gynnwys hen elfennau HTML a'r rhai newydd i HTML5
Er bod ei ddatblygiad wedi dechrau nifer o flynyddoedd o'r blaen, dechreuodd HTML5 ddechrau defnyddio'n gyffredin gyda dylunwyr / datblygwyr gwe yn 2010. Yn union o'r gât, roedd yr iaith yn teimlo'n gyfarwydd i lawer o weithwyr proffesiynol ar y we oherwydd yn hytrach na cheisio ail-ymgynnull popeth o'r dechrau, HTML5 wedi'i adeiladu ar yr hyn a ddaeth o'r blaen. Canfu unrhyw un a oedd yn gwybod HTML 4.01 yn gyflym y gallai cryn dipyn o'r fersiwn honno gael ei ganfod yn HTML5.
Er bod HTML5 yn cynnwys llawer o elfennau sydd wedi bod o gwmpas yn HTML am rywbryd, cyflwynodd hefyd dyrnaid o elfennau newydd i HTML5. Ar gyfer llawer o'r elfennau newydd hyn, defnyddiwyd ymagwedd o'r enw "paving the cowpaths". Mae hwn yn derm a ddefnyddir yn gyffredin mewn TG i olygu'n barhaus i edrych ar yr hyn y mae pobl eisoes yn ei wneud ac yn gwneud hynny. Yn achos dylunwyr gwe, roedd hyn i weld sut yr oeddent eisoes yn adeiladu tudalennau ac i seilio penderfyniadau ar elfennau newydd ar y gweithgareddau hynny. Er enghraifft, byddai llawer o weithwyr proffesiynol gwe yn adeiladu gwefannau gydag adrannau a ddefnyddiodd ID neu nodweddion Dosbarth "pennawd", "nav", a "footer." Fel y cyfryw, cyflwynodd HTML5 rhain fel elfennau newydd, gan ganiatáu i weithwyr proffesiynol y we ychwanegu mwy o ystyr i'w dogfennau trwy ddefnyddio elfennau ymyrryd penodedig yn hytrach na dim ond rhanbarthau. Roedd y cyfuniad hwn o gyfarwyddyd ac ymagwedd a oedd yn cydnabod arferion cyfredol wedi helpu HTML5 i gael ei gofleidio'n gyflym gan y diwydiant dylunio gwe.
The Doctype HTML5
Yn gyntaf, i ddefnyddio unrhyw elfennau HTML5 newydd, mae'n rhaid i'ch dogfen gynnwys y doctype HTML5 sef:
Efallai y byddwch yn sylwi nad yw'r doctype hwn yn sôn yn benodol "HTML5", ond yn hytrach yn datgan y fersiwn fel "html". Y rheswm am hyn yw bod y doctype hwn yn beth y bwriedir ei ddefnyddio yn mynd ymlaen ar gyfer holl eiriadau'r iaith.
Mewn gwirionedd, HTML5 i fod i fod yn fersiwn rhif olaf yr iaith, gyda newidiadau newydd yn cael eu hychwanegu'n gyson yn y dyfodol. Mewn gwirionedd, mae rhai o'r elfennau yn y rhestr isod wedi'u hychwanegu at yr iaith yn dda ar ôl y gwthiad cychwynnol hwnnw yn 2010!
Mae'r Tags HTML5
| Tag | Eglurhad |
|---|---|
| Angor neu ddolen | |
| abbr> | Byrfodd |
| | Cyfeiriad neu awduron y ddogfen |
| | Map delwedd ochr y cleient |
| | Erthygl |
| Cynnwys tangential | |
| | Ffrwd sain |
| b> | Bold |
| | Llwybrau sylfaen URI ar gyfer elfennau yn y ddogfen |
| bdo> | Algorithm bi-gyfeiriadol |
blockquote> | Dyfynbris hir |
| | Corff y dudalen |
| | Seibiant llinell |
| | Botwm ffurflen HTML |
| Canvas ar gyfer graffeg deinamig | |
| Sylw | |
| | Pennawd y tabl |
| cite> | Enwi |
| | Cyfeirnod cod |
| | Tabl colofn |
| | Grwpiau colofn tabl |
| | Rheolaeth neu weithredu ar y dudalen |
| Diffiniad math o ddogfen | |
| | Grid data |
| Opsiynau rhagdybiedig ar gyfer rheolaethau eraill | |
| | Disgrifiad o'r rhestr ddiffinio neu rychwant disgyblaeth |
| | Dileu testun |
| | Gwybodaeth ychwanegol ar alw |
| dfn> | Diffiniad |
| Sgwrs | |
| div> | Rhaniad rhesymegol |
| Disgrifiad rhestr |
| | Rhestr ddiffinio siaradwr term neu ymgom |
| em> | Pwyslais |
| Elfen ymgorffori ar gyfer ychwanegion | |
| Grŵp rheoli ffurflenni | |
| | Defnyddiwyd y pennawd ar gyfer elfen |
| | Ffigur gyda phennawd dewisol |
| Troednod y dudalen | |
| | Ffurflen |
h1> | Pennawd lefel gyntaf |
h2> | Pennawd ail lefel |
h3> | Pennawd trydydd lefel |
h4> | Pennawd pedwerydd lefel |
h5> | Pennawd Pumed Lefel |
h6> | Pennawd chweched lefel |
| | Pennaeth y ddogfen |
| | Pennawd tudalen |
| hgroup> | Grŵp pennawd |
| | Rheol llorweddol |
| html> | Elfen rootio ar dudalen We |
| i> | Eitemau testun eidaleg |
| Ffrâm mewnline | |
| | Delwedd |
| | Elfen ffurf mewnbwn |
| Elfen ffurf botwm | |
| Elfen ffurf y blwch gwirio | |
| Mewnbwn lliw | |
| Dyddiad mewnbwn | |
| Mewnbwn dyddiad ac amser byd-eang | |
| Mewnbwn dyddiad ac amser lleol | |
| Mewnbwn cyfeiriad e-bost | |
| Elfen ffurflenni lwytho ffeil | |
| Elfen maes ffurf cudd | |
| Elfen ffurf delwedd | |
| Mewnbwn blwyddyn a mis | |
| Mewnbwn rhifau | |
| Elfen ffurf cyfrinair | |
| Elfen ffurf botwm radio | |
| Mewnbwn rhif amhrisiadwy | |
| Ailosodwch yr elfen ffurflen botwm | |
| Chwilio maes | |
| Cyflwyno elfen y ffurflen botwm | |
| Mewnbwn rhif ffôn | |
| Elfen ffurflen maes testun | |
| Mewnbwn amser | |
| Mewnbwn URL | |
| Mewnbwn blwyddyn ac wythnos | |
| ins> | Mewnosod testun |
| kbd> | Y testun i'w roi gan y defnyddiwr |
| | Cynhyrchu allweddi diogel ar gyfer rheoli tystysgrifau |
| Ffurflen label | |
| Pennawd maesset Ffurflen | |
| | Rhestr eitem |
| | Cyswllt â dogfennau cysylltiedig |
| | Prif faes cynnwys ar dudalen |
| Map delwedd ochr y cleient | |
| | Marcio neu amlygu testun |
| Rhestr o orchmynion | |
| Gwybodaeth meta am y ddogfen | |
| | Mesur graddfa |
| Diffiniwch ardal gyda chysylltiadau mordwyo | |
| Cynnwys pan nad yw sgriptiau ar gael | |
| | Gwrthrych ansafonol |
| Rhestr wedi'i threfnu neu rifo |
| Grŵp o opsiynau mewn rhestr ddethol | |
| | Opsiwn mewn rhestr ddethol |
| | Canlyniad cyfrifiad y ffurflen |
| p> | Paragraff |
| Paramedr elfen gwrthrych | |
pre> | Testun wedi'i fformatio ymlaen llaw |
| | Dangosydd cynnydd |
q> | Dyfynbris inline byr |
| Rhythmws Ruby | |
| Testun Ruby | |
| ruby> | Nodiad Ruby |
| | Trafod testun |
| samp> | Allbwn sampl |