Hoe kinne jo it HR-tag brûke foar in webdokumint
De HR-tag hat tradisjoneel brûkt om in horizontale line te foegjen (soms horizontale regel neamd) nei in webdokumint. Om in rigel ta te heakjen, typearje jo:
om de blêder te ynstruearjen om in rigel oer de folsleine breedte fan 'e side of it hege elemint te brûken mei standertynstellingen. Dizze standert rigel is ienfâldich en faak tsjinnet syn doel, mar attributen kinne oanjûn wurde om de rigel, kleur, en posysje fan de line te feroarjen. De metoade om in horizontale line feroare te feroarjen tusken HTML4 en HTML5 .
Is it HR Tag Semantyk?
Yn HTML4 wie it HR-tag net semantysk. Semantyske eleminten beskriuwe har betsjutting yn 'e termyn de browser en de ûntwikkelders kinne maklik begripe. De HR-tag wie gewoan in manier om in ienfâldige line oan te jaan ta in dokumint wêr jo jo hawwe woe. Styling allinne de boppeste of ûndergrins fan it elemint wêr't jo de rigel wiene as in horizontale line oan 'e boppe- of ûnderkant fan it elemint pleatst, mar yn' t algemien wie it HR-tag makliker te brûken foar dit doel.
Begjin mei HTML5 waard de HR-tag semantyske, en no definiearret in tema-nivo-tematyk-brek, in brek yn 'e stream fan de ynhâld dy't gjin nije side of oare sterkte delimiter beheart - it is in feroaring fan it ûnderwerp . Sa kinne jo bygelyks in HR-tag sykje nei in sesterswiziging yn in ferhaal, of it kin in wiziging fan ûnderwerp yn in referinsjeboerd oanjaan.
HR-attributen yn HTML4 en HTML5
Yn HTML4 koe de HR tag ienfâldich eigenskippen oanbean wurde, lykas "align," "breedte" en "nôt". De ôfpâning kin lofts, midden, rjochts of rjochtfeardigje. De breedte hat de breedte fan 'e horizontale line oanpast fan' e standert 100 persoanen dy't de line ferpleatse oer de side. It attribute of noshoad hat in fêste kleurline ynstee fan in skofte kleur. Dizze attributen binne yn HTML5 ferâldere en moatte CSS brûke om jo HR-tags yn HTML5 te stylen. Bygelyks yn HTML 4:
Generearret in horizontale line mei in hichte fan 10 piksels.
It brûken fan CSS mei HTML5 is in horizontale line dy't 10 pixels heech is styl:
Mei help fan CSS om jo horizontale line te styl te jaan jouwe jo in protte frijheid yn it ûntwikkeljen fan jo webside. Jo kinne in soad foarbylden fan stilen foar HR-tags yn dizze styl sjen fan it HR Tag artikel. Allinich de breedte en hichte-stilen binne konsekwint oer alle browsers, sadat guon problemen en flater nedich wêze kinne as jo oare stilen brûke. De standertbreedte is altyd 100 persint fan 'e breedte fan' e webside of it heule elemint. De standerthichte fan de regel is twa piksels.