Pagdugang sa Horizontal Lines aron mabungkag ang Content sa Page

Unsaon paggamit ang HR tag alang sa usa ka web document

Ang HR tag sa tradisyonal nga gigamit aron makadugang usa ka pinahigda nga linya (usahay gitawag nga pinahigda nga lagda) ngadto sa usa ka web nga dokumento. Aron makadugang sa usa ka linya, imong i-type:


aron pagtudlo sa browser nga mag-drawing sa usa ka linya tabok sa bug-os nga gilapdon sa panid o ginikanan nga elemento gamit ang mga default settings. Ang kini nga linya sa default mao ang yano ug kasagaran nagsilbi sa katuyoan niini, apan ang mga hiyas mahimong itudlo sa pag-usab sa gidak-on, kolor, ug posisyon sa linya taliwala sa uban nga mga kinaiya. Ang pamaagi sa pag-usab sa hitsura sa pahalang nga linya nagbag-o tali sa HTML4 ug HTML5 .

Ang HR Tag Semantiko?

Sa HTML4, ang HR tag dili semantiko. Gihubit sa mga elemento sa semantiko ang ilang kahulogan sa termino sa browser ug dali masabtan sa developer. Ang HR tag usa lang ka paagi sa pagdugang sa yano nga linya sa usa ka dokumento bisan asa nimo kini gusto. Ang pag-istilo lamang sa ibabaw o sa ubos nga utlanan sa elemento diin gusto nimo nga ang linya nga makita ibutang sa usa ka pinahigpit nga linya sa ibabaw o sa ubos sa elemento, apan sa kinatibuk-an, ang HR tag mas sayon ​​gamiton alang niini nga katuyoan.

Gikan sa HTML5, ang HR tag nahimong semantiko, ug karon kini naghubit sa usa ka parapo nga tanghaga nga ang-ang sa paragraph, nga usa ka break sa pagdagayday sa sulod nga wala magkinahanglan og usa ka bag-ong panid o laing mas kusgan nga delimiter-kini usa ka kausaban sa hilisgutan . Pananglitan, tingali makakita ka ug HR tag human sa usa ka talan-awon mausab sa usa ka sugilanon, o kini mahimong magpaila sa usa ka pagbag-o sa hilisgutan diha sa usa ka reference nga dokumento.

Mga Katangian sa HR sa HTML4 ug HTML5

Sa HTML4, ang HR tag mahimong itudlo nga yano nga mga kinaiya lakip na ang "align," "width" ug "noshade." Ang paglinya mahimong ibutang sa wala, sentro, tuo o katarungan. Ang gilapad nga gibag-o ang gilapdon sa pinahigda nga linya gikan sa default nga 100 ka porsyento nga nagpalapad sa linya sa panid. Ang kinaiya sa noshade nga gihubad usa ka solid nga kolor sa kolor imbes nga usa ka kolor nga kolor. Kini nga mga kinaiya wala na usba sa HTML5, ug kinahanglan nimong gamiton ang CSS aron estilo ang imong mga tag sa HR sa HTML5. Pananglitan, sa HTML 4:


makamugna og pinahigda nga linya nga may gitas-on nga 10 ka pixel.

Sa paggamit sa CSS nga adunay HTML5, usa ka pinahigda nga linya nga 10 ka pixel ang gitas-on nga gi-istilo:


Ang paggamit sa CSS sa estilo sa imong horizontal nga linya naghatag kanimo og daghang kagawasan sa pagdesinyo sa imong web page. Makita nimo ang daghang panig-ingnan sa mga estilo alang sa mga tag sa HR sa Estilo sa artikulo sa Tag sa HR . Ang estilo sa gilapdon ug gitas-on mao ang kanunay nga makita sa tanang mga browser, busa ang pipila ka mga pagsulay ug sayup mahimong gikinahanglan sa paggamit sa ubang mga estilo. Ang default nga lapad kanunay nga 100 porsyento sa gilapdon sa web page o elemento sa ginikanan. Ang default nga gitas-on sa lagda mao ang duha ka pixel.