வலை குறிச்சொற்களை பக்கம் முழுவதும் ஒரு கிடைமட்ட கோடு காட்ட, அல்லது சில நேரங்களில் கிடைமட்ட விதி என்று வலை ஆவணங்கள் பயன்படுத்தப்படுகிறது. சில குறிச்சொற்களைப் போலல்லாமல், இது ஒரு மூடிய குறிக்கு தேவையில்லை, எனவே நீங்கள் செய்ய வேண்டியது எல்லாம் வரி செருக.
வரி முழு அகலத்தை நீட்டி, கோட்டின் தடிமன், இருப்பிடம் மற்றும் வண்ணத்தை விவரிக்க சில இயல்புநிலை பண்புகளை கொண்டு செல்கிறது, ஆனால் நீங்கள் விரும்பியிருந்தால் அந்த அமைப்புகளை மாற்றலாம்.
பக்கத்தின் CSS ஐ திருத்துவதன் மூலம் ஒரு HTML5 ஆவணத்தில் கிடைமட்ட கோட்டின் பண்புகளை நீங்கள் திருத்தலாம். ஆவணத்தின் HTML பக்கத்தில் HTML4 கிடைமட்ட கோடுகள் மாற்றப்பட்டன.
HR Tag சொற்பொருள் உள்ளது?
HTML4 இல், HR குறிச்சொல் சொற்பொருள் இல்லை. சொற்பொருள் கூறுகள் உலாவி மற்றும் டெவலப்பர் எளிதாக புரிந்து கொள்ள முடியும் பொருட்டு அவர்களின் பொருள் விவரிக்கிறது. HR குறிச்சொல் நீங்கள் விரும்பிய இடத்தில் ஒரு எளிய வரியை சேர்க்க ஒரு வழி. உறுப்பு மேல் அல்லது கீழ் எல்லை மட்டுமே ஸ்டைலிங் நீங்கள் தோன்றும் வரி வேண்டும் உறுப்பு மேல் அல்லது கீழ் ஒரு கிடைமட்ட வரி வைக்கப்படும், ஆனால் பொதுவாக, ஆர்ஆர்ஜி இந்த நோக்கத்திற்காக பயன்படுத்த எளிதாக இருந்தது.
HTML5 தொடங்கி, HR குறிச்சொல் சொற்பொழிவு ஆனது, அது இப்போது ஒரு பத்திய-நிலை கருப்பொருள் இடைவெளியை வரையறுக்கிறது, இது ஒரு புதிய பக்கம் அல்லது மற்ற வலுவான delimiter க்கு உத்தரவாதமளிக்காத உள்ளடக்கத்தின் ஓட்டத்தில் ஒரு இடைவெளி ஆகும் - இது தலைப்பு மாற்றமாகும். உதாரணமாக, ஒரு கதையில் ஒரு காட்சி மாற்றத்தின் பின்னரே நீங்கள் ஒரு HR குறியைக் காணலாம் அல்லது குறிப்பு ஆவணத்தில் தலைப்பை மாற்றலாம்.
HTML 4 மற்றும் HTML5 இல் HR காரணிகள்
HTML4 இல், HR டேக் உள்ளிட்ட எளிய பண்புகளை வழங்க முடியும் align, அகலம், மற்றும் noshade . சீரமைப்பு அமைக்கப்பட்டது விட்டு , சென்டர் , வலது அல்லது நியாயப்படுத்துவதற்கு . அகலமானது 100 பக்கத்திலிருந்து கிடைமட்ட வரியின் அகலத்தை சரிசெய்கிறது, இது பக்கத்தின் பக்கத்தை நீட்டிக்கும். தி noshade பண்புக்கூறு ஒரு நிழல் வண்ணத்திற்கு பதிலாக ஒரு திடமான நிற கோடு வழங்கப்படுகிறது.
இந்த பண்புக்கூறுகள் HTML5 இல் வழக்கற்று இல்லை. நீங்கள் HTML5 ஆவணங்களில் உங்கள் HR குறிச்சொற்களை பாணி செய்ய CSS ஐ பயன்படுத்த வேண்டும்.
இது இன்லைன் CSS (HTML உடன் ஆவணத்தில் நேரடியாக செருகப்பட்டு) பயன்படுத்தி 10 பிக்சல்கள் உயர்வாக இருக்கும் கிடைமட்ட வரியை மறைக்கும் ஒரு HTML5 எடுத்துக்காட்டாகும்:
HTML5 இல் கிடைமட்ட வரிகளை stylize மற்றொரு வழி ஒரு தனி CSS கோப்பை பயன்படுத்த மற்றும் HTML ஆவணம் இருந்து அதை இணைக்க வேண்டும். CSS கோப்பில், இந்த மாதிரி ஸ்டைலிங் எழுத வேண்டும்: hr {உயரம்: 10px}
HTML4 இல் உள்ள அதே விளைவு HTML உள்ளடக்கத்திற்கு ஒரு கற்பிதத்தை சேர்க்க வேண்டும். இங்கே கிடைமட்ட வரி அளவு மாற்ற எப்படி இருக்கிறது அளவு பண்பு:
HTML மற்றும் HTML இல் கிடைமட்ட கோடுகள் ஸ்டைலிங் நிறைய சுதந்திரம் இருக்கிறது. மட்டுமே அகலம் மற்றும் உயரம் பாணிகளை அனைத்து உலாவிகளில் ஒத்திருக்கும், எனவே மற்ற பாணிகளை பயன்படுத்தும் போது சில சோதனை மற்றும் பிழை தேவைப்படலாம். இயல்புநிலை அகலம் எப்போதும் வலைப்பக்கத்தின் அல்லது பெற்றோர் உறுப்புகளின் அகலத்தில் 100 சதவிகிதம் ஆகும். விதிகளின் முன்னிருப்பு உயரம் இரண்டு பிக்சல்கள் ஆகும்.
