தொகுதி ஒதுக்கீடு என்றால் என்ன?

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 பிக்ஸல்களை பத்தி இரு பக்கத்திலும் சேர்க்கிறது.

ஜெனிபர் கிரைனின் அசல் கட்டுரை. 5/8/17 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது.