ఒక వెబ్ పత్రం కోసం HR ట్యాగ్ను ఎలా ఉపయోగించాలి
HR ట్యాగ్ సాంప్రదాయకంగా ఒక వెబ్ పత్రానికి సమాంతర రేఖను (కొన్నిసార్లు సమాంతర నియమం అని పిలుస్తారు) జోడించడానికి ఉపయోగించబడుతుంది. ఒక పంక్తిని జోడించడానికి, మీరు టైప్:
డిఫాల్ట్ సెట్టింగులను ఉపయోగించి పేజీ యొక్క పూర్తి వెడల్పు లేదా పేరెంట్ ఎలిమెంట్లో ఒక గీతను గీయడానికి బ్రౌజర్కు ఆదేశించండి. ఈ డిఫాల్ట్ లైన్ సాధారణ మరియు తరచుగా దాని ప్రయోజనం కోసం పనిచేస్తుంది, కానీ ఇతర లక్షణాలు మధ్య లైన్ యొక్క పరిమాణం, రంగు, మరియు స్థానం మార్చడానికి గుణాలు కేటాయించవచ్చు. సమాంతర రేఖ యొక్క రూపాన్ని సవరించడానికి పద్ధతి HTML4 మరియు HTML5 మధ్య మార్చబడింది.
ఆర్ ట్యాగ్ సెమాంటిక్ అంటే ఏమిటి?
HTML4 లో, HR టాగ్ సెమాంటిక్ కాదు. సెమాంటిక్ మూలకాలు వారి అర్థాన్ని వివరిస్తుంది బ్రౌజర్ మరియు డెవలపర్ సులభంగా అర్థం చేసుకోవచ్చు. HR ట్యాగ్ మీకు కావాల్సిన చోట ఒక పత్రానికి సరళమైన పంక్తిని జోడించేందుకు ఒక మార్గం. మూలకం యొక్క ఎగువ లేదా దిగువ భాగంలో ఒక సమాంతర రేఖను ఉంచడానికి మీరు కోరుకున్న మూలకం యొక్క ఎగువ లేదా దిగువ సరిహద్దు మాత్రమే స్టిల్లింగ్, కానీ సాధారణంగా, HR ట్యాగ్ ఈ ప్రయోజనం కోసం ఉపయోగించడం సులభం.
HTML5 తో మొదలుపెట్టి, HR ట్యాగ్ సెమాంటిక్ అయింది, మరియు ఇది ఇప్పుడు ఒక పేరా-స్థాయి నేపథ్య విరామంను నిర్వచిస్తుంది, ఇది కొత్త పేజీ లేదా ఇతర బలమైన డీలిమిటర్కు హామీ ఇవ్వని కంటెంట్ ప్రవాహంలో విరామం ఉంటుంది- . ఉదాహరణకు, మీరు ఒక కథలో సన్నివేశం మార్పు తర్వాత HR ట్యాగ్ను కనుగొనవచ్చు లేదా సూచన పత్రంలో అంశం మార్పును సూచించవచ్చు.
HTML 4 మరియు HTML5 లో HR గుణాలు
HTML4 లో, HR tag ను "align," "width" మరియు "noshade." తో సహా సాధారణ లక్షణాలను కేటాయించవచ్చు. అమరిక ఎడమ, మధ్య, కుడి లేదా సమర్థించడం సెట్ చేయవచ్చు. వెడల్పు పేజీ అంతటా లైన్ విస్తరించింది డిఫాల్ట్ 100 శాతం నుండి సమాంతర రేఖ యొక్క వెడల్పు సర్దుబాటు. Noshade లక్షణం ఒక మసక రంగుకు బదులుగా ఘన రంగు రేఖను అన్వయించింది. ఈ గుణాలు HTML5 లో వాడుకలో లేవు, మరియు మీరు CSS లో మీ హెచ్ ఆర్ ట్యాగ్లను CSS లో ఉపయోగించాలి. ఉదాహరణకు, HTML 4 లో:
10 పిక్సెల్స్ యొక్క ఎత్తుతో సమాంతర రేఖను ఉత్పత్తి చేస్తుంది.
HTML5 తో CSS ను ఉపయోగించి, 10 పిక్సెల్స్ హైలైట్ అయిన క్షితిజ సమాంతర పంక్తి శైలిలో ఉంది:
శైలి మీ సమాంతర రేఖకు CSS ను ఉపయోగించి మీ వెబ్ పేజీని రూపొందించడంలో మీకు చాలా స్వేచ్ఛ లభిస్తుంది. ఈ శైలి HR ట్యాగ్ ఆర్టికంలో HR ట్యాగ్ల కోసం అనేక శైలులు మీరు చూడవచ్చు. వెడల్పు మరియు ఎత్తు శైలులు మాత్రమే అన్ని బ్రౌజర్లలో స్థిరంగా ఉంటాయి, కాబట్టి ఇతర శైలులను ఉపయోగించేటప్పుడు కొన్ని విచారణ మరియు లోపం అవసరమవుతాయి. డిఫాల్ట్ వెడల్పు ఎల్లప్పుడూ వెబ్ పేజీ లేదా పేరెంట్ మూలకం వెడల్పులో 100 శాతం. నియమం యొక్క అప్రమేయ ఎత్తు రెండు పిక్సెళ్ళు.