Sut i ddefnyddio'r tag AD ar gyfer dogfen we
Yn draddodiadol, defnyddiwyd y tag AD i ychwanegu llinell lorweddol (weithiau'n cael ei alw'n rheol llorweddol) i ddogfen we. I ychwanegu llinell, rydych chi'n teipio:
i gyfarwyddo'r porwr i dynnu llinell ar draws lled llawn y dudalen neu'r elfen rhiant gan ddefnyddio gosodiadau diofyn. Mae'r llinell ddiffygiol hon yn syml ac yn aml yn gwasanaethu ei ddiben, ond gellir neilltuo nodweddion i newid maint, lliw a llinell y safle ymhlith nodweddion eraill. Newidiodd y dull o addasu ymddangosiad llinell lorweddol rhwng HTML4 a HTML5 .
A yw'r Tag Adnoddau Dynol yn Semantig?
Yn HTML4, nid oedd y tag AD yn semantig. Mae elfennau semantig yn disgrifio eu hystyr o ran y porwr a gall y datblygwr ei ddeall yn hawdd. Y tag AD oedd dim ond ffordd i ychwanegu llinell syml i ddogfen lle bynnag yr hoffech ei gael. Gan greu dim ond ffin uchaf neu waelod yr elfen lle'r oeddech am i'r llinell ymddangos yn gosod llinell lorweddol ar frig neu waelod yr elfen, ond yn gyffredinol, roedd y tag AD yn haws i'w ddefnyddio at y diben hwn.
Gan ddechrau gyda HTML5, daeth y tag AD yn semantig, ac mae bellach yn diffinio seibiant thematig ar lefel paragraff, sy'n seibiant yn llif y cynnwys nad yw'n gwarantu tudalen newydd neu ddileuwr cryfach arall - mae'n newid pwnc . Er enghraifft, efallai y byddwch yn dod o hyd i dag AD ar ôl newid olygfa mewn stori, neu gall ddangos newid testun mewn dogfen gyfeirio.
Nodweddion Adnoddau Dynol yn HTML4 a HTML5
Yn HTML4, gellid neilltuo nodweddion syml i'r tag AD, gan gynnwys "alinio," "lled" a "noshade." Gellid gosod yr alinio i'r chwith, i'r ganolfan, i'r dde neu gyfiawnhau. Addasodd y lled lled y llinell lorweddol o'r 100% diofyn a ymestynnodd y llinell ar draws y dudalen. Rhoddodd y priodwedd noshade linell lliw solet yn lle lliw cysgodol. Mae'r nodweddion hyn yn ddarfodedig yn HTML5, a dylech ddefnyddio CSS i arddull eich tagiau AD yn HTML5. Er enghraifft, yn HTML 4:
yn creu llinell lorweddol gydag uchder o 10 picsel.
Gan ddefnyddio CSS gyda HTML5, mae llinell lorweddol sy'n 10 picsel o uchder wedi'i styled:
Mae defnyddio CSS i arddull eich llinell lorweddol yn rhoi llawer o ryddid i chi wrth ddylunio'ch tudalen we. Gallwch weld nifer o enghreifftiau o arddulliau ar gyfer tagiau AD yn yr Arddull hon yr erthygl Tag Adnoddau Dynol . Dim ond yr arddulliau lled ac uchder sy'n gyson ar draws pob porwr, felly efallai y bydd angen peth prawf a chamgymeriad wrth ddefnyddio arddulliau eraill. Y lled rhagosodedig bob amser yw 100 y cant o led y dudalen we neu elfen y rhiant. Mae uchder diofyn y rheol yn ddau bicell.