Aldonante horizontalajn liniojn por rompi enhavon sur la paĝo

Kiel uzi la HR-etikedon por TTT-dokumento

La HR-etikedo tradicie uzis por aldoni horizontalan linion (iam nomata horizontala regulo) al TTT-dokumento. Por aldoni linion, vi tajpas:


por instrui la retumilon por desegni linion tra la tuta larĝo de la paĝo aŭ gepatra elemento per defaŭlta agordo. Ĉi tiu defaŭlta linio estas simpla kaj ofte utilas sian celon, sed atributoj povas esti atribuitaj por ŝanĝi la grandecon, koloron kaj pozicion de la linio inter aliaj karakterizaĵoj. La metodo por modifi aspekton de horizontala linio ŝanĝiĝis inter HTML4 kaj HTML5 .

Ĉu la HR Tag Semantika?

En HTML4, la HR-etikedo ne estis semantika. Semantikaj elementoj priskribas ilian signifon laŭ terminoj la retumilo kaj la programisto povas facile kompreni. La HR-etikedo estis nur maniero aldoni simplan linion al dokumento, kien ajn vi volis. Stiligante nur la supran aŭ malsupran bordon de la elemento, kie vi volis, ke la linio aperu horizontala linio ĉe la supro aŭ malsupro de la elemento, sed ĝenerale la HR-etikedo estis pli facila por ĉi tiu celo.

Komencante kun HTML5, la HR-etikedo fariĝis semantika, kaj ĝi nun difinas temon-rompan tempon, kiu estas rompo en la fluo de la enhavo, kiu ne bezonas novan paĝon aŭ alian pli fortan delimiton - ĝi estas ŝanĝo de temo . Ekzemple, vi eble trovos HR-etikedon post scenoŝanĝo en rakonto, aŭ ĝi povas indiki ŝanĝon de temo en referenca dokumento.

HR Atributoj en HTML4 kaj HTML5

En HTML4, la HR-etikedo povus esti atribuitaj simplaj atributoj inkluzive de "aligno," "larĝa" kaj "noshade". La alineo povus esti fiksita al maldekstra, centro, dekstra aŭ pravigi. La larĝa aranĝis la larĝecon de la horizontala linio de la defaŭlta 100 procento kiu etendis la linion trans la paĝo. La nombro de atributoj pruntis solidan kolorlinion anstataŭ sombra koloro. Ĉi tiuj atributoj estas malaktualaj en HTML5, kaj vi devus uzi CSS por stiligi viajn HR-etikedojn en HTML5. Ekzemple, en HTML 4:


generas horizontalan linion kun alteco de 10 rastrumeroj.

Uzante CSS kun HTML5, horizontala linio, kiu havas 10 pikselojn altaj, estas stiligita:


Uzante CSS por stilo de via horizontala linio donas al vi multan liberecon por desegni vian retpaĝon. Vi povas vidi multajn ekzemplojn de stiloj por HR-etikedoj en ĉi tiu Stilo la HR Tag- artikolo. Nur la larĝeco kaj alteco-stiloj estas konsekvencaj inter ĉiuj retumiloj, do iuj provoj kaj eraroj eble bezonas uzinte aliajn stilojn. La defaŭlta larĝa estas ĉiam 100 procentoj de la larĝo de la retpaĝo aŭ gepatra elemento. La defaŭlta alteco de la regulo estas du pikseloj.