HTML உறுப்புகளின் பட்டியலை நீங்கள் எப்போதாவது பார்த்திருந்தால், "blockquote என்றால் என்ன?" என்று நீங்கள் கேட்கலாம். Blockquote உறுப்பு நீண்ட HTML குறிச்சொற்களை வரையறுக்க பயன்படுத்தப்படும் ஒரு HTML டேக் ஜோடி. W3C HTML5 விவரக்குறிப்பின் படி இந்த உறுப்பு வரையறை இங்கே உள்ளது:
Blockquote உறுப்பு மற்றொரு மூலத்திலிருந்து மேற்கோள் காட்டப்பட்ட பகுதியை குறிக்கிறது.
உங்கள் வலைப்பக்கங்களில் தொகுதி ஒதுக்கீடு எவ்வாறு பயன்படுத்துவது
நீங்கள் வலைப்பக்கத்தில் உரையை எழுதி, அந்த பக்கத்தின் அமைப்பை உருவாக்கும் போது, சில நேரங்களில் உரையின் தொகுப்பை மேற்கோள் என அழைக்க வேண்டும். ஒரு வழக்கு ஆய்வு அல்லது திட்டம் வெற்றி கதையைச் சேரும் ஒரு வாடிக்கையாளர் சான்று போன்ற, இது வேறு எங்கோ இருந்து மேற்கோள் இருக்கலாம். கட்டுரை அல்லது உள்ளடக்கத்தில் இருந்து சில முக்கிய உரைகளை மீண்டும் மீண்டும் வடிவமைக்கும் வடிவமைப்பு இதுவாகும். வெளியீட்டில், இது சில நேரங்களில், வலை வடிவமைப்பில், இதை அடைவதற்கான வழிகளில் ஒன்று (மற்றும் இந்த கட்டுரையில் நாம் உள்ளடக்கியிருக்கும் வழி) தொகுதி தொகுதி என்று அழைக்கப்படுகிறது.
லூயிஸ் கரோலால் "தி ஜபர்ப்ளொகி" இலிருந்து இந்த பகுதி போன்ற நீண்ட மேற்கோள்களை வரையறுக்க நீங்கள் எப்படி தொகுதிக் கோட்டை பயன்படுத்த வேண்டும் என்பதைப் பார்ப்போம்:
'திவாஸ் brillig மற்றும் slithey tovesக்யூப் மற்றும் விம்பில் விந்தையானது:அனைத்து mimsy borogoves இருந்தன,மற்றும் அம்மாவின் ரதங்கள் வெளியே.
(லூயிஸ் கரோல்)
தொகுதி ஒதுக்கீடு டேக் பயன்படுத்தி உதாரணம்
Blockquote டேக் என்பது பொருளடக்கம் ஒரு நீண்ட மேற்கோள் என்று உலாவி அல்லது பயனர் முகவரைக் குறிப்பிடும் ஒரு சொற்பொருள் குறிப்பாகும். எனவே, நீங்கள் தொகுதி மேற்கோள் குறியில் ஒரு மேற்கோள் இல்லை உரை இணைக்க கூடாது. நினைவில் வைத்து கொள்ளுங்கள், ஒரு "மேற்கோள்" பெரும்பாலும் யாரோ சொன்னது அல்லது வெளிப்புற மூலத்திலிருந்து (இந்த கட்டுரையில் லூயிஸ் கரோல் உரையைப் போல) உரை செய்தாலும், முடியும் நாங்கள் முன்னர் விவாதிக்கப்பட்டுள்ள புளூக் கருத்து. நீங்கள் அதை பற்றி நினைக்கும் போது, அந்த இழுப்பு உரை ஒரு மேற்கோள், அது தான் மேற்கோள் காட்டப்படும் அதே கட்டுரையில் இருந்து வருகிறது.
பெரும்பாலான இணைய உலாவிகள் சுற்றியுள்ள உரைக்கு வெளியே நிற்க செய்ய ஒரு தொகுதி ஒதுக்கீடு இருபுறமும் சில உள்ளீடுகளை (சுமார் 5 இடங்கள்) சேர்க்கின்றன. சில மிக பழைய உலாவிகளில் சாய்வு குறியிடப்பட்ட எழுத்துக்களை கூட சத்தமில்லாமல் எழுதலாம். இந்த வெறுமனே blockquote உறுப்பு இயல்புநிலை ஸ்டைலிங் என்று ஞாபகம். CSS உடன், உங்கள் blockquote எவ்வாறு காட்டப்படும் என்பதைப் பற்றிய முழு கட்டுப்பாடு உள்ளது. நீங்கள் மேற்கோள் அவுட் அழைக்க அதிகரிக்க அல்லது கூட நீக்க முடியும், பின்னணி நிறங்கள் சேர்க்க அல்லது உரை அளவு அதிகரிக்க முடியும். அந்த மேற்கோள் பக்கம் ஒரு பக்கத்திற்கு மிதக்கலாம் மற்றும் அதனுடன் பிற உரை மடக்கு இருக்கலாம், இது அச்சிடப்பட்ட பத்திரிகைகளில் உள்ள இழுப்புக்களுக்குப் பயன்படுத்தப்படும் பொதுவான காட்சி பாணியாகும். நீங்கள் CSS உடன் blockquote தோற்றத்தை கட்டுப்படுத்த, நாம் இன்னும் சிறிது நேரம் பேசுவோம். இப்போது, உங்கள் HTML குறியீட்டில் மேற்கோள் சேர்க்க எப்படி பார்க்க வேண்டும்.
உங்கள் உரையில் blockquote குறிச்சொல்லை சேர்க்க, வெறுமனே பின்வரும் குறிச்சொல் ஜோடி ஒரு மேற்கோள் என்று உரை சுற்றி -
உதாரணத்திற்கு:
'திவாஸ் brillig மற்றும் slithey toves க்யூப் மற்றும் விம்பில் விந்தையானது: அனைத்து mimsy borogoves இருந்தன, மற்றும் அம்மாவின் ரதங்கள் வெளியே.நீங்கள் பார்க்க முடியும் என, வெறுமனே மேற்கோள் உள்ளடக்கத்தை சுற்றி blockquote குறிச்சொற்களை ஜோடி சேர்க்க. இந்த எடுத்துக்காட்டில், நாங்கள் சில இடைவெளி குறிச்சொற்களை () பயன்படுத்தினோம், அங்கு ஒற்றை வரி இடைவெளிகளை உரைக்குள்ளேயே பொருத்தவும். ஏனென்றால் நாம் ஒரு கவிதையிலிருந்து உரையை மீண்டும் உருவாக்குகிறோம், அந்த குறிப்பிட்ட இடைவெளிகள் முக்கியமானவை. நீங்கள் ஒரு வாடிக்கையாளர் சான்று மேற்கோள் உருவாக்கி இருந்தால், மற்றும் கோடுகள் குறிப்பிட்ட பகுதிகளில் உடைக்க தேவையில்லை, நீங்கள் இந்த இடைவெளி குறிச்சொற்களை சேர்க்க மற்றும் திரை அளவு அடிப்படையில் உலாவி தன்னை போர்த்தி மற்றும் உடைக்க அனுமதிக்க முடியாது.
உரை உரைக்கு தொகுதி ஒதுக்கீடு பயன்படுத்த வேண்டாம்
பல ஆண்டுகளாக, மக்கள் தங்கள் வலைப்பக்கத்தில் உரையை உள்ளிடுவதற்கு விரும்பியிருந்தால், அந்த உரை தொகுப்பைக் கூட பயன்படுத்தவில்லை என்றால் மக்கள் தொகுதி குறியினைப் பயன்படுத்தினர். இது ஒரு மோசமான பழக்கம்! நீங்கள் காட்சி காரணங்களுக்காக மட்டுமே blockquote சொற்பொருளை பயன்படுத்த விரும்பவில்லை. உங்கள் உரையை நீங்கள் உள்தள்ள வேண்டும் என்றால், நீங்கள் பாணி தாள்கள் பயன்படுத்த வேண்டும், blockquote குறிச்சொற்களை (நிச்சயமாக, நீங்கள் உள்தள்ளலை முயற்சி செய்கிறீர்கள் என்பது ஒரு மேற்கோள் ஆகும்) அல்ல. ஒரு குறியீட்டைச் சேர்க்க நீங்கள் முயற்சித்தால், உங்கள் வலைப்பக்கத்தில் இந்த குறியீட்டை வைக்க முயற்சிக்கவும்:
இது உள்தள்ளப்பட்ட உரை.
அடுத்து, நீங்கள் அந்த வர்க்கத்தை ஒரு CSS பாணியை இலக்காகக் கொள்ள வேண்டும்
.indented {
திணிப்பு: 0 10px;}
இது திணிப்பின் 10 பிக்ஸல்களை பத்தி இரு பக்கத்திலும் சேர்க்கிறது.
