இக்கட்டுரையில் பெரிய எழுத்தை தலைப்பு வழக்காக மாற்றுவதற்கான படிப்படியான செயல்முறையை விளக்குகிறது.
பெரிய எழுத்துக்களை தலைப்பு வழக்காக மாற்றுவது எப்படி?
CSS பண்புகள் மற்றும் ஜாவாஸ்கிரிப்ட் உதவியுடன், பெரிய எழுத்தை தலைப்பு வழக்காக மாற்றலாம். இந்த மாற்றம் உரையின் வாசிப்புத்திறன் மற்றும் தோற்றத்தை மேம்படுத்த உதவுகிறது. மேலும், இது நிலையான வடிவமைப்பை வழங்குகிறது மற்றும் பயனர் அனுபவத்தை மேம்படுத்துகிறது.
பெரிய எழுத்தில் இருந்து தலைப்பு வழக்குக்கு மாற்றுவதற்கு கீழே உள்ள படிப்படியான வழிகாட்டியைப் பின்பற்றவும்:
படி 1: ஒரு இலக்கு உறுப்பு உருவாக்கவும்
இந்த முதல் கட்டத்தில், இலக்கு/தேர்ந்தெடுக்கப்பட்ட உறுப்பை உருவாக்கவும் <உடல்> ” டேக் டைட்டில் கேஸாக மாற்றப்படும். உதாரணமாக, ' ப 'கூறு தரவு இலக்கு:
< மையம் >
< ப ஐடி = 'மாற்றி' > இந்த உரை CSS ஐப் பயன்படுத்தி பெரிய எழுத்தில் இருந்து தலைப்பு வழக்குக்கு மாற்றப்படும் < / ப >
< மையம் >
மேலே உள்ள குறியீடு தொகுதியில்:
- முதலில், '' பயன்படுத்தவும் '' குறிச்சொல்லின் உள்ளே வலைப்பக்கத்தின் மையத்தில் உரையைக் காண்பிக்கும் <சென்டர்> ” குறிச்சொல். மேலும், போலி தரவை பெரிய எழுத்து வடிவில் வழங்கவும்.
- அடுத்து, '' சேர்க்கவும் ஐடி பண்புக்கூறு மற்றும் அதன் மதிப்பை வழங்கவும் மாற்றி ”. இந்த ' ஐடி ” என்பது ஜாவாஸ்கிரிப்ட் குறிச்சொல்லின் உள்ளே
குறிச்சொல்லைச் சேமிக்கப் பயன்படும்.
தொகுத்தல் கட்டம் முடிந்த பிறகு:
வலைப்பக்கத்தின் மேலே உள்ள ஸ்னாப்ஷாட் உரை வெற்றிகரமாக காட்டப்பட்டதைக் காட்டுகிறது.
படி 2: பெரிய எழுத்தை தலைப்பு கேஸாக மாற்றுதல்
மாற்றியை உருவாக்க, ஜாவாஸ்கிரிப்ட் பண்புகள் மற்றும் முறைகள் பயன்படுத்தப்படுகின்றன. கீழே உள்ள குறியீட்டைப் பின்பற்றவும், அதன் விளக்கம் கீழே கூறப்பட்டுள்ளது:
இருந்தது இலக்கு = document.getElementById ( 'மாற்றி' ) .textContent.toLowerCase ( ) ;
இலக்கு = இலக்கு .மாற்று ( / \b\w / g,
செயல்பாடு ( குறைந்த ) { கீழ். to UpperCase திரும்ப ( ) ; } ) ;
document.getElementById ( 'மாற்றி' ) .உரை உள்ளடக்கம் = இலக்கு ;
< / கையால் எழுதப்பட்ட தாள் >
மேலே உள்ள குறியீடு துணுக்கில்:
- முதலில், ' என்ற ஒரு மாறியை உருவாக்கவும். இலக்கு 'உள்ளே' ” குறிச்சொல்.
- அடுத்து, '' பயன்படுத்தவும் உரை உள்ளடக்கம் இடம் மற்றும் பிற குறிச்சொற்களை விட்டு வெளியேறும் உரையை மட்டும் தேர்ந்தெடுப்பதற்கான சொத்து. ' லோயர்கேஸ்() ” செயல்பாட்டில் “மாற்றி” என்ற ஐடி உள்ளது, அது “இலக்கு” மாறிக்கு மதிப்பைச் சேமிக்கிறது.
- பின்னர், ' மாற்று() 'இலக்கு' மாறியின் மதிப்பை மாற்ற 'முறை பயன்படுத்தப்படுகிறது. இது ஒவ்வொரு வார்த்தையின் முதல் எழுத்தையும் '' ஐப் பயன்படுத்தி தேர்ந்தெடுக்கிறது \b\w 'வெளிப்பாடு மற்றும் பின்னர்' பயன்படுத்துகிறது ToupperCase() ” செயல்பாடு. இது உரை வடிவத்தை பெரிய எழுத்துக்கு மாற்றுகிறது.
- முடிவில், 'இலக்கு' மாறியின் புதிய மதிப்பு '' என்ற ஐடியுடன் திரையில் காட்டப்படும். மாற்றி ”.
குறியீடு துணுக்கைச் செயல்படுத்திய பிறகு:
பெரிய எழுத்துக்கள் தலைப்பு வழக்கு வடிவமாக மாற்றப்பட்டதை வெளியீடு காட்டுகிறது.
முடிவுரை
பெரிய எழுத்தை தலைப்பு வழக்காக மாற்ற, ' லோயர்கேஸ்() தேர்ந்தெடுக்கப்பட்ட உறுப்பு மீது செயல்பாடு. அதன் பிறகு, '' பயன்படுத்தவும் மாற்று() 'ஒவ்வொரு வார்த்தையின் முதல் எழுத்தையும் தேர்ந்தெடுக்கும் செயல்பாடு ' \b\w ” வெளிப்பாடு. இறுதியில், தேர்ந்தெடுக்கப்பட்ட எழுத்து '' ஐப் பயன்படுத்தி பெரிய எழுத்தாக மாற்றப்படுகிறது. ToupperCase() ” செயல்பாடு. இந்த கட்டுரையில் தேர்ந்தெடுக்கப்பட்ட உறுப்புகளின் பெரிய எழுத்துக்களை தலைப்பு வழக்குக்கு மாற்றுவதற்கான செயல்முறையை விளக்கியுள்ளது.