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 |