உரையை kebab-case ஆக மாற்றுதல் dash-case இலவசம் ஆன்லைன் பாதுகாப்பு
ஒரு வரியை ஒட்டினால் உடனே kebab-case இல் படிக்கலாம். எல்லாம் உங்கள் உலாவியிலேயே நடக்கிறது — நீங்கள் எழுதுவது எங்கும் அனுப்பப்படுவதில்லை — விதிகள் ஆங்கிலத்தினுடையவை அல்ல, இந்தப் பக்கத்தின் மொழியுடையவை.
இதை வேறு விதமாக எழுதுங்கள்
எதுவும் பதிவேற்றப்படுவதில்லை
அதே வரி, ஏழு எழுத்து முறைகளிலும்
| எழுத்து முறை | அதே வரி, அந்த முறையில் |
|---|---|
| பெரிய எழுத்து | CRÈME BRÛLÉE 2 பேருக்கு — STRASSE 17, FOOBAR |
| சிறிய எழுத்து | crème brûlée 2 பேருக்கு — straße 17, foobar |
| Title Case | Crème Brûlée 2 பேருக்கு — Straße 17, Foobar |
| snake_case | crème_brûlée_2_ப_ர_க_க_straße_17_foo_bar |
| kebab-case | crème-brûlée-2-ப-ர-க-க-straße-17-foo-bar |
| camelCase | crèmeBrûlée2பரககStraße17FooBar |
| ஒரு URL முகவரி | creme-brulee-2-ப-ர-க-க-strasse-17-foobar |
இந்த வடிவங்கள் எங்கிருந்து வந்தன
பெரிய எழுத்தும் சிறிய எழுத்தும் ஒரு காலத்தில் வெவ்வேறு இரு எழுத்துமுறைகள். பெரிய எழுத்துகள் ரோமானியவை, உளியால் கல்லில் செதுக்கப்பட்டவை; சிறிய எழுத்துகள் கரோலிஞ்சியச் சிற்றெழுத்திலிருந்து இறங்கியவை — தோற்சுவடியின் மேல் விரைந்தோடிய எழுதுகோல் வடித்தவை. அச்சுப் பணியாளர்கள் இரண்டையும் தனித்தனிப் பெட்டிகளில் வைத்திருந்தனர் — மேல் பெட்டியும் கீழ் பெட்டியும் — பெட்டிகள் மறைந்த பின்னும் அப்பெயர்கள் நெடுங்காலம் நின்றன. நிரலாக்க வடிவங்கள் மிக இளையவை; ஒரே ஒரு சிக்கலைத் தீர்க்கவே கண்டுபிடிக்கப்பட்டவை: ஒரு பெயரில் இடைவெளி இருக்கக்கூடாது. snake_case ஆரம்பகால C-இலிருந்து, camelCase ஸ்மால்டாக்கிலிருந்து, kebab-case லிஸ்பிலிருந்து, முகவரியின் slug — இடைவெளிகளும் ஒலிக்குறிகளும் அனுமதிக்கப்படாத ஒரு முகவரிக்குள் மனிதர் படிக்கும் தலைப்பை வைக்க வேண்டிய தேவையிலிருந்து.
இவற்றை எங்கே சந்திப்பீர்கள்
ஒவ்வொரு சொல்லின் முதல் எழுத்தையும் பெரிதாக்குவது தலைப்புகளுக்கும் நூல் அட்டைகளுக்கும் உரியது; தொடக்க எழுத்தை மட்டும் பெரிதாக்குவது மற்ற ஏறத்தாழ எல்லாவற்றுக்கும், நாளுக்கு நாள் இடைமுகங்களுக்கும் — ஏனெனில் அது விரைவாகப் படிக்கப்படுகிறது. snake_case தரவுத்தள நெடுவரிசைகளுக்கும் பைத்தான் மாறிகளுக்கும் பெயரிடுகிறது; camelCase ஜாவாஸ்கிரிப்ட் மாறிகளுக்கும் ஜாவா முறைகளுக்கும்; kebab-case CSS வகுப்புகளுக்கும் வலைத் திட்டக் கோப்புப் பெயர்களுக்கும். slug என்பது ஒரு கட்டுரையின் தலைப்பை அதன் முகவரியின் கடைசிப் பகுதியாக மாற்றுவது; இங்குள்ள மாற்றங்களுள் தேடுபொறிகள் படிப்பது அது ஒன்றே.
அடிக்கடி கேட்கப்படும் கேள்விகள்
பெரிய எழுத்துக்கு மாற்றும்போது எழுத்துகளின் எண்ணிக்கை ஏன் சில வேளை மாறுகிறது?
ஏனெனில் எழுத்தின் பெரிது-சிறிது என்பது மொழியின் பண்பு, எழுத்துருவின் பண்பு அல்ல. ஜெர்மன் ß பெரிய எழுத்தில் SS ஆகிறது; ஓர் எழுத்து இரண்டாகிறது. துருக்கியில் புள்ளியுடைய i-யும் புள்ளியற்ற ı-வும் உண்டு; i-இன் பெரிய வடிவம் I அல்ல, İ — இங்கே தவறினால் ஒரு துருக்கியச் சொல் வேறொரு சொல்லாகிவிடும். இங்குள்ள மாற்றங்கள் அந்தந்தப் பக்கத்தின் மொழி விதிகளைப் பின்பற்றுகின்றன; அதனால்தான் ஒரே உள்ளீடு துருக்கியப் பக்கத்திலும் ஆங்கிலப் பக்கத்திலும் வெவ்வேறு விடையைத் தரக்கூடும்.
slug ஏன் ஒலிக்குறிகளையும் நிறுத்தற்குறிகளையும் நீக்குகிறது?
ஏனெனில் ஒரு முகவரி, செய்தியில் நகலெடுக்கப்படுவதையும், காகிதத்தில் அச்சிடப்படுவதையும், கையால் மீண்டும் தட்டச்சு செய்யப்படுவதையும் தாங்க வேண்டும். ஒலிக்குறியுள்ள எழுத்துகள் இன்றைய முகவரியில் செல்லுபடியாகும்; ஆனால் நகலெடுக்கும்போது விழுக்காட்டுக் குறியீடாக மாறி, படிக்கத்தக்க முகவரி ஒரு குறியீட்டு வரிசையாகிவிடும். அவற்றை எளிய எழுத்துகள், இலக்கங்கள், இணைப்புக்கோடுகள் வரை குறைப்பது, முகவரியைப் படிக்கத்தக்கதாகவும், பகிரத்தக்கதாகவும், தோன்றும் இடமெங்கும் ஒரே மாதிரியாகவும் வைத்திருக்கிறது.
விடை துல்லியமானதா?
இரு அலகுகளும் முழு எண்களால் ஒன்றையொன்று வரையறுக்கும் இடத்தில் ஆம் — பக்கம் அதை எண்ணுக்கு மேலே சொல்கிறது, வட்டமிடல் என்பது எத்தனை இலக்கங்கள் காட்டப்படுகின்றன என்பதில் மட்டுமே. விகிதத்துக்கு முடிவுறு தசமம் இல்லாத இடத்தில், பக்கம் பன்னிரண்டு கணிசமான இலக்கங்களைக் காட்டி, தொடர்பு தோராயமானது என்று சொல்கிறது — வேறு மாதிரி நடிப்பதில்லை.
நான் தட்டச்சு செய்வது என் சாதனத்தை விட்டு வெளியேறுகிறதா?
இல்லை. கணக்கு உங்கள் உலாவியிலேயே நடக்கிறது; எதுவும் பதிவேற்றப்படுவதில்லை, பதிவேற்ற ஒரு வழங்கியும் இல்லை. பக்கத்தை ஒருமுறை ஏற்றினால், இணையத்தை அணைத்தாலும் வேலை செய்யும்.
உரையை kebab-case ஆக ஏன் மாற்றுகிறீர்கள்
நன்கு பராமரிக்கப்படும் கிட்டத்தட்ட எந்த இணையதளத்தின் முகவரிப் பட்டையையும் பாருங்கள், இணைப்புக்கோடுகளால் இணைந்த சொற்களைக் காண்பீர்கள்: how-to-repot-a-fern, annual-report-2026, contact-us. ஒரு பாணித்தாளுக்குள் பாருங்கள், வகுப்புப் பெயர்களும் அதையே செய்கின்றன: main-menu, card-title, button-primary. கட்டளை வரிக் கருவிகளின் கொடிகளைப் பாருங்கள், --dry-run, --no-cache ஐக் காண்பீர்கள். இது kebab-case, சிறிய எழுத்துகளில் சொற்கள் ஓர் இணைப்புக்கோட்டில் ஒரு சூலத்தில் இறைச்சி கோர்க்கப்படுவது போல் கோர்க்கப்பட்டுள்ளன, மக்கள் காணக்கூடிய பெயர்களுக்கு இணையம் ஏற்றுக்கொண்ட வடிவம் இதுவே. உரையை kebab-case ஆக மாற்றுவது என்பது நீங்கள் சொல்வது போன்ற ஒரு சொற்றொடரை எடுத்து, ஒரு முகவரி, ஒரு வகுப்பு, ஒரு கிளை அல்லது ஒரு கோப்பில் வேலை செய்யும் ஒரு பெயராக மாற்றுவது.
ஒரு வரியை ஒட்டி kebab-case இல் திரும்பப் படியுங்கள். மாற்றம் உங்கள் உலாவியில் நடக்கிறது, நீங்கள் தட்டச்சு செய்வது எங்கும் அனுப்பப்படுவதில்லை, விதிகள் ஆங்கிலத்தை அல்ல இந்தப் பக்கத்தின் மொழியைப் பின்பற்றுகின்றன. இது வரியைச் சொற்களாக வெட்டுகிறது, அவற்றைச் சிறிய எழுத்தாக்குகிறது, இணைப்புக்கோடுகளுடன் இணைக்கிறது. ஏற்கெனவே camelCase இல் எழுதப்பட்ட ஒரு வரி அங்கேயும் வெட்டப்படுகிறது, எனவே fooBar foo-bar ஆகிறது. இந்தப் பக்கம் சரியாக என்ன செய்கிறது என்ன செய்யவில்லை, வெவ்வேறு மொழிகளின் சிக்கலான எழுத்துகளை எப்படிக் கையாளுகிறது, இணையம் ஏன் அடிக்கோடுகளைவிட இணைப்புக்கோடுகளை விரும்புகிறது, kebab-case எங்கே மரபு, அவசரத்தில் உரையை kebab-case ஆக மாற்றுபவர்களைச் சிக்க வைக்கும் பொறிகள் ஆகியவற்றைக் கீழே காண்பீர்கள்.
மாற்றம் என்ன செய்கிறது
வெட்டுதல், சிறிய எழுத்தாக்குதல், இணைத்தல்
இந்தப் பக்கம் முதலில் வரியைச் சொற்களாக வெட்டுகிறது, ஒவ்வொன்றையும் சிறிய எழுத்தாக்குகிறது, இணைப்புக்கோடுகளுடன் இணைக்கிறது. Crème brûlée for 2 — straße 17, fooBar என்ற வரி crème-brûlée-for-2-straße-17-foo-bar என்று திரும்ப வருகிறது. உச்சரிப்புக் குறிகள் வைக்கப்படுகின்றன, எண்கள் தனிச் சொற்களாக நிற்கின்றன, கோடும் காற்புள்ளியும் போய்விட்டன, fooBar பெரிய எழுத்தில் இரண்டாக வெட்டப்படுகிறது.
வெட்டுகள் எங்கே விழுகின்றன
ஒரு சொல் எல்லை என்பது ஓர் இடைவெளி, ஒரு நிறுத்தற்குறி, ஒரு கோடு, ஒரு குறியீடு, அல்லது ஒரு சொல்லுக்குள் சிறிய எழுத்திலிருந்து பெரிய எழுத்துக்கான படி. எனவே Main Menu, mainMenu, main_menu, main--menu அனைத்தும் main-menu ஆகின்றன. மாற்றம் கிட்டத்தட்ட எந்தத் தொடக்கப் புள்ளியையும் ஏற்கிறது, எப்போதும் அதே வடிவத்தை அடைகிறது, ஒரு பெயர் ஒரு பாணித்தாளுக்குள்ளோ ஒரு முகவரிக்குள்ளோ செல்லும் முன் அதைப் பாதுகாப்பான இறுதிப் படியாக்குவது அதுவே.
தனித்த இணைப்புக்கோடுகள் இல்லை
திரும்பத் திரும்ப வரும் பிரிப்பான்கள் ஒன்றாக நெருக்கப்படுகின்றன, தொடக்கத்திலோ முடிவிலோ எந்த இணைப்புக்கோடும் விடப்படுவதில்லை. ...Hello, World!! போன்ற ஒரு குழப்பமான சொற்றொடர் hello-world என்று வெளிவருகிறது, முனைகளில் எதுவும் தொங்குவதில்லை.
மாற்றம் என்ன செய்யாது
அது நிறுத்தற்குறிகளை வைத்திருக்காது
காற்புள்ளிகளும் புள்ளிகளும் கோடுகளும் சொற்களுக்கு இடையிலான எல்லைகள், கொண்டு செல்ல வேண்டிய எழுத்துகள் அல்ல. ஒரு CSS வகுப்புக்கோ கோப்புப் பெயருக்கோ நீங்கள் விரும்புவது அதுவே, உரைநடைக்கு விரும்புவது அல்ல. இந்தப் பக்கத்தின் வழியாக ஓடிய ஒரு வாக்கியம் ஒரு பெயராகத் திரும்ப வருகிறது, அசல் நிறுத்தற்குறிகள் போய்விடுகின்றன.
அது உச்சரிப்புக் குறிகளை நீக்காது
வரி அதன் உச்சரிப்பு எழுத்துகளை வைத்திருக்கிறது: crème-brûlée. நவீன உலாவிகளும் சேவையகங்களும் பெயர்களிலும் முகவரிகளிலும் அவற்றை ஏற்கின்றன, ஆனால் பழைய கருவிகள் ஏற்காமல் போகலாம், உச்சரிப்புகள் கொண்ட ஒரு முகவரி நகலெடுக்கப்படும்போது சதவீதக் குறியீடுகளாகத் தப்பிக்கப்படுகிறது. உங்களுக்குச் சாதாரண எழுத்துகள் தேவைப்பட்டால், URL slug பக்கம் இலத்தீன் எழுத்துகளிலிருந்தும் குறிகளை அகற்றுகிறது.
பெயர் காலியாக உள்ளதா என்று அது சரிபார்க்காது
இரு வேறு சொற்றொடர்கள் ஒரே பெயரை உருவாக்கலாம், ஒரு பெயர் உங்கள் தளத்தில் அல்லது உங்கள் திட்டத்தில் ஏற்கெனவே பயன்படுத்தப்படுகிறதா என்று இந்தப் பக்கத்துக்குத் தெரியாது. வெளியிடும் முன் மோதல்களைச் சரிபாருங்கள்.
மொழி முக்கியம்
இடைவெளிகள் இல்லாமல் எழுதப்படும் எழுத்து முறைகள்
சொற்களாக வெட்ட எல்லைகள் தேவை. சீனமும் ஜப்பானியமும் இடைவெளிகள் இல்லாமல் எழுதப்படுகின்றன, எனவே அந்த எழுத்து முறைகளிலுள்ள ஒரு வரி ஒரே சொல்லாகத் திரும்ப வருகிறது. இந்தப் பக்கம் ஊகித்த ஓர் இடத்தில் வெட்டுவதைவிட அப்படிச் சொல்வதையே விரும்புகிறது.
துருக்கியமும் புள்ளியிட்ட i யும்
சிறிய எழுத்தாக்கம் பக்கத்தின் மொழியின் விதிகளைப் பின்பற்றுகிறது. துருக்கிய மொழியில் I இன் சிறிய வடிவம் புள்ளியின்றி ı, İ இன் சிறிய வடிவம் i. ஆங்கில விதிகளைப் பயன்படுத்தும் ஒரு மாற்றி சொற்களை மாற்றிவிடுகிறது. இந்தப் பக்கம் அது எழுதப்பட்டிருக்கும் மொழியைப் பின்பற்றுகிறது.
ஜெர்மனும் கூர்மையான s உம்
ஜெர்மன் ß ஏற்கெனவே சிறியது, அப்படியே இருக்கிறது: straße-17. பெரிய எழுத்து STRASSE strasse ஆகத் திரும்ப வருகிறது, ஏனெனில் பெரிய எழுத்து வடிவம் அது ß இலிருந்தா இரு எழுத்துகளிலிருந்தா வந்தது என்பதை நினைவில் வைத்திருப்பதில்லை.
வலமிருந்து இடமான, இந்திய எழுத்து முறைகள்
அரபு, ஹீப்ரு, இந்திய எழுத்து முறைகளில் சொற்களுக்கு இடையே இடைவெளிகள் உள்ளன, பெரிய சிறிய எழுத்து வேறுபாடு இல்லை. இந்தப் பக்கம் அவற்றின் சொற்களை இணைப்புக்கோடுகளால் இணைத்து, எழுத்துகளைத் தொடாமல் விடுகிறது.
இணையம் ஏன் இணைப்புக்கோடுகளை விரும்புகிறது
தேடுபொறிகள் இணைப்புக்கோடுகளை இடைவெளிகளாக வாசிக்கின்றன
தேடுபொறிகள் ஒரு முகவரியிலுள்ள இணைப்புக்கோட்டைச் சொற்களுக்கு இடையிலான பிரிப்பானாகக் கருதுகின்றன, எனவே how-to-repot-a-fern ஐந்து சொற்களாகப் புரிந்துகொள்ளப்படுகிறது. இதற்கு மாறாக, ஓர் அடிக்கோடு பொதுவாக ஓர் இணைப்பியாக வாசிக்கப்படுகிறது, how_to_repot_a_fern ஒரு நீண்ட சொல்லாக வாசிக்கப்படலாம். மக்கள் தேடும் முகவரிகளுக்கு, இணைப்புக்கோடுகள் சிறந்த தேர்வு, அந்தப் பழக்கம் முழு இணையத்துக்கும் பரவியுள்ளது.
வாசிப்புத் தெளிவு
ஓர் இணைப்புக்குக் கீழ்க்கோடு இடப்படும்போது ஓர் அடிக்கோடு மறைந்துவிடலாம், ஏனெனில் கோடு அடிக்கோடு இருக்கும் இடத்திலேயே அமர்கிறது. ஓர் இணைப்புக்கோடு தெரிந்தபடியே இருக்கிறது. இது ஒரு சிறிய புள்ளி, ஆனால் இந்த வடிவம் முகவரிகளில் ஏன் நிலைபெற்றது என்பதை இது விளக்குகிறது.
பெரிய சிறிய எழுத்து உணர்வின்மை
முகவரிகள் சிறிய எழுத்துகளில் மிகப் பாதுகாப்பானவை, ஏனெனில் சில சேவையகங்களில் அவற்றின் பகுதிகள் பெரிய சிறிய எழுத்தை வேறுபடுத்தலாம். kebab-case வரையறையின்படி சிறிய எழுத்து, அது ஒரு குடும்பத் தவறுகளை நீக்குகிறது.
kebab-case மரபாக உள்ள இடங்கள்
வலை முகவரிகள்
ஒரு பக்க முகவரியின் கடைசிப் பகுதி, slug, கிட்டத்தட்ட எப்போதும் kebab-case இல் இருக்கிறது. உச்சரிப்புகளும் இல்லாத முகவரிகளுக்கு, URL slug பக்கத்தைப் பயன்படுத்துங்கள்.
CSS, HTML
CSS பண்புகள் kebab-case இல் உள்ளன (background-color, font-size), பெரும்பாலான வகுப்புப் பெயர்களும் தனிப்பயன் பண்புகளும் (--brand-color) அவ்வாறே. data-user-id போன்ற HTML பண்புக்கூறுகள் அதே பாணியைப் பின்பற்றுகின்றன. ஒரு கூறுக்கு நீங்கள் ஒரு வகுப்புப் பெயரைக் கண்டுபிடிக்கும்போது, உங்கள் பாணித்தாளை வாசிப்பவர் எதிர்பார்ப்பது kebab-case. ஒரு கூறு அளவுகளுடனும் வரையப்பட்டால், நீளங்களுக்கு px ஐ rem ஆக மாற்றுதல் உதவுகிறது.
கோப்பு, கோப்புறைப் பெயர்கள்
இணைப்புக்கோடுகளால் இணைந்த சிறிய எழுத்துச் சொற்கள் எல்லா அமைப்புகளிலும் ஒரு பாதுகாப்பான கோப்புப் பெயர், அதனால்தான் நிலையான தளம் உருவாக்கிகளும் பல கட்டமைப்புகளும் பக்கங்களுக்கும் சொத்துகளுக்கும் அவற்றைப் பயன்படுத்துகின்றன.
கட்டளை வரி விருப்பத் தேர்வுகளும் தொகுப்புப் பெயர்களும்
--dry-run போன்ற கொடிகள், npm போன்ற பதிவகங்களிலுள்ள தொகுப்புப் பெயர்கள், feature/login-form போன்ற Git கிளைகள் அனைத்தும் kebab-case ஐப் பின்பற்றுகின்றன. இந்த வடிவத்துக்கு மாற்றப்பட்ட ஒரு சொற்றொடர் நீங்கள் பயன்படுத்தும் கருவிகளால் ஏற்கப்பட வாய்ப்பு அதிகம்.
Lisp உம் அதன் உறவினர்களும்
இந்த வடிவம் Lisp இலிருந்து வந்தது, அங்கே இணைப்புக்கோடுகள் பெயர்களில் அனுமதிக்கப்படுகின்றன, ஏனெனில் மொழிக்கு அவற்றைச் சுற்றி இடைவெளிகள் இல்லாத கழித்தல் குறிகளாகப் பயன்படுத்தத் தேவை இல்லை. kebab-case என்ற பெயர் சூலம் பற்றிய ஒரு நகைச்சுவை, அது நிலைத்துவிட்டது.
அது மரபாக இல்லாத இடங்கள்
Python, Ruby, தரவுத்தளங்கள்
இவை அடிக்கோடுகளை விரும்புகின்றன, ஏனெனில் ஓர் இணைப்புக்கோடு கழித்தலாக வாசிக்கப்படும். அவற்றுக்கு, snake_case ஐப் பயன்படுத்துங்கள்.
JavaScript மாறிகளும் Java வும்
ஒரு மாறிப் பெயரிலுள்ள இணைப்புக்கோடு ஒரு கழித்தல். இந்த மொழிகள் camelCase ஐப் பயன்படுத்துகின்றன. Kebab-case அவற்றின் சரம் மதிப்புகளிலும் கோப்புப் பெயர்களிலும் CSS இலும் இன்னும் தோன்றலாம்.
உரைநடையும் தலைப்புகளும்
kebab-case பெயர்களுக்கு. தலைப்புகளும் வாக்கியங்களும் தங்கள் இடைவெளிகளையும் பெரிய எழுத்துகளையும் வைத்திருக்க வேண்டும். ஒரு தலைப்புக்கு, Title Case ஐக் கருதுங்கள்.
இங்கே உரையை kebab-case ஆக மாற்றுவது எப்படி
உங்கள் உரையை ஒட்டுங்கள் அல்லது தட்டச்சு செய்யுங்கள்
சொற்றொடரை முதல் புலத்தில் உள்ளிடுங்கள். முடிவு உடனே இரண்டாவதில் தோன்றுகிறது, எனவே நீங்கள் தட்டச்சு செய்யும்போதே அது மாறுவதைப் பார்க்கலாம்.
பெயரைச் சரிபாருங்கள்
அது இயல்பாகப் படிக்கிறது, மிக நீளமாக இல்லை என்று உறுதிசெய்யுங்கள். அறுபது எழுத்துகளுக்கு மேற்பட்ட முகவரிகள் தேடல் முடிவுகளில் வெட்டப்படுகின்றன. ஒரு நல்ல slug குறுகியது, பக்கம் என்ன என்று சொல்கிறது.
நகலெடுங்கள்
நகலெடுக்கும் பொத்தானை அழுத்தி முடிவை உங்களுக்குத் தேவையான இடத்தில் ஒட்டுங்கள். அதே வரியின் பிற வடிவங்களுக்குக் கீழே பாருங்கள்.
அதே வரி ஏழு எழுத்து வடிவங்களிலும்
வடிவங்களின் ஓர் அட்டவணை
மாற்றியின் கீழே, ஓர் அட்டவணை எடுத்துக்காட்டு வரியைத் தளம் வழங்கும் ஏழு வடிவங்களிலும் காட்டுகிறது: பெரிய எழுத்து, சிறிய எழுத்து, Title Case, snake_case, kebab-case, camelCase, ஒரு URL slug. ஒவ்வொன்றிலும் அதே சொற்கள் எப்படித் தெரிகின்றன என்று பார்க்க இது ஒரு விரைவு வழி.
இந்த வடிவங்கள் எங்கிருந்து வருகின்றன
இரு எழுத்துக்கள்
பெரிய, சிறிய எழுத்துகள் ஒரு காலத்தில் இரு வேறு எழுத்துக்களாக இருந்தன. பெரிய எழுத்துகள் ரோமானியவை, உளியால் கல்லில் செதுக்கப்பட்டவை; சிறிய எழுத்துகள் கரோலிங்கிய சிறுஎழுத்திலிருந்து வந்தவை, தோல் ஏட்டின் மீது வேகமாக நகரும் ஒரு பேனாவால் வடிவமைக்கப்பட்டவை. அச்சுக்கோப்பவர்கள் இரண்டையும் தனித்தனித் தட்டுகளில், மேல் பெட்டியிலும் கீழ் பெட்டியிலும், வைத்திருந்தார்கள், தட்டுகள் போன பிறகும் பெயர்கள் நிலைத்தன.
இடைவெளிகள் இல்லாத பெயர்கள்
நிரலாக்க வடிவங்கள் மிகவும் இளையவை, ஒரு சிக்கலைத் தீர்க்கக் கண்டுபிடிக்கப்பட்டவை: ஒரு பெயரில் இடைவெளி இருக்கக் கூடாது. snake_case ஆரம்பகால C இலிருந்து வந்தது, camelCase Smalltalk இலிருந்து, kebab-case Lisp இலிருந்து, URL slug இடைவெளிகளும் உச்சரிப்புகளும் அனுமதிக்கப்படாத ஒரு முகவரியில் ஒரு மனிதத் தலைப்பை இட வேண்டிய தேவையிலிருந்து.
நடைமுறையில் நன்றாக வேலை செய்யும் பெயர்கள்
குறுகியவை, விளக்கமானவை
ஒரு நல்ல kebab-case பெயர் ஒரு பொருள் என்ன என்பதை முடிந்தவரை குறைந்த சொற்களில் சொல்கிறது. contact-us என்பது please-get-in-touch-with-our-team ஐவிடச் சிறந்தது. நீங்கள் உரையை kebab-case ஆக மாற்றும்போது, முதலில் சொற்றொடரைச் சுருக்குங்கள்.
காலப்போக்கில் நிலையானவை
முகவரிகளிலுள்ள பெயர்கள் வாக்குறுதிகள்: பிற தளங்கள் அவற்றுக்கு இணைப்புக் கொடுக்கின்றன. மறுவடிவமைப்புக்குப் பிறகும் உண்மையாக இருக்கும் பெயர்களைத் தேர்ந்தெடுங்கள், தேதிகளையும் பதிப்பு எண்களையும், அவையே முக்கியம் என்றால் தவிர, தவிர்க்கவும்.
ஒரு திட்டம் முழுவதும் சீரானவை
ஒவ்வொரு பக்க முகவரியும் வகுப்புப் பெயரும் கோப்புப் பெயரும் ஒரே விதியைப் பின்பற்றினால், ஒரு புதியவர் பெயர்களைச் சரியாக ஊகிக்கலாம். ஒரு புதிய பக்கத்துக்கு நீங்கள் உரையை kebab-case ஆக மாற்றும்போது, முறைக்கு அண்டைப் பக்கத்தைச் சரிபாருங்கள்.
விரும்பினால், நிறுத்தச் சொற்கள் இல்லாதவை
சிலர் முகவரிகளைக் குறுகியதாக வைத்திருக்க the, a, of போன்ற சொற்களை நீக்குகிறார்கள். இது ரசனையின் விஷயம்: குறுகிய முகவரி நேர்த்தியானது, முழுமையானது உரக்கப் படிக்க நன்றாக இருக்கும்.
ஒரு உண்மையான திட்டத்தில் Kebab-case
CSS வகுப்புகளுக்குப் பெயரிடுதல்
ஒரு பாணித்தாளிலுள்ள கூறுப் பெயர்கள் குறுகிய, இணைப்புக்கோடிட்ட சொற்றொடர்களாக மிகச் சிறப்பாகப் படிக்கின்றன: card, card-title, card-footer. BEM போன்ற வழிமுறைகள் மாறுபாடுகளுக்கு இரட்டை இணைப்புக்கோடுகளையும் அடிக்கோடுகளையும் சேர்க்கின்றன, ஆனால் ஒவ்வொரு வகுப்பின் அடிப்படையும் இன்னும் ஒரு சிறிய எழுத்து, இணைப்புக்கோடிட்ட பெயரே. ஒரு வகுப்புக்கு நீங்கள் உரையை kebab-case ஆக மாற்றும்போது, அடுத்த உருவாக்குநர் ஊகிக்கக்கூடிய ஒரு பெயரை அவருக்குத் தருகிறீர்கள்.
ஒரு தளத்துக்குக் கோப்புகளுக்கும் கோப்புறைகளுக்கும் பெயரிடுதல்
ஒரு தளத்தின் அமைப்பு பெரும்பாலும் அதன் முகவரிகளைப் பிரதிபலிக்கிறது, what-to-plant-in-april.html என்ற ஒரு கோப்புடனும் garden-guides என்ற ஒரு கோப்புறையுடனும். சீரான இணைப்புக்கோடிட்ட பெயர்கள் அமைப்பை உலாவவும், இணைப்புக் கொடுக்கவும், அமைப்புகளுக்கு இடையே நகர்த்தவும் எளிதாக்குகின்றன. ஒரு பக்கத்துக்கு ஒரு தரவுக் கோப்பு தேவைப்பட்டால், CSV இலிருந்து JSON க்கு உம் தளத்தின் பிற மாற்றிகளும் அதைத் தயாரிக்கலாம், முடிவுக்கும் அதே பெயரிடும் விதி பொருந்தும்.
பதிப்புக் கட்டுப்பாட்டில் கிளைகளுக்கும் குறிச்சொற்களுக்கும் பெயரிடுதல்
ஒவ்வொரு பணிக்கும் கிளைகளைப் பயன்படுத்தும் குழுக்கள் அவற்றுக்கு fix-login-redirect அல்லது add-search-filter என்று பெயரிடுகின்றன. ஒரு கிளைப் பெயர் பட்டியல்களிலும், இழுப்புக் கோரிக்கைகளிலும், அரட்டையிலும் வாசிக்கப்படுகிறது, ஒரு குறுகிய இணைப்புக்கோடிட்ட சொற்றொடரை ஓடிப் பார்ப்பது எளிது. பல குழுக்கள் ஒரு வகையையும் சாய்கோட்டையும் முன்னொட்டாக இடுகின்றன: feature/add-search-filter. சாய்கோட்டுக்குப் பிந்திய பகுதியை உருவாக்க, பணியின் தலைப்பிலிருந்து உரையை kebab-case ஆக மாற்றுங்கள்.
பண்புக்கூறுகளுக்கும் தனிப்பயன் பண்புகளுக்கும் பெயரிடுதல்
--space-large, --brand-primary போன்ற CSS இலுள்ள தனிப்பயன் பண்புகள் மரபாக kebab-case இல் உள்ளன, HTML தரவுப் பண்புக்கூறுகளும் அவ்வாறே. நீங்கள் நிறங்களுடனும் வேலை செய்தால், அத்தகைய பெயர்களுக்குப் பின்னாலுள்ள மதிப்புகளுக்கு HEX ஐ RGB ஆக மாற்றுதல் குறியீடு தேவைப்படலாம்.
பழைய, புதிய பெயர்களின் பதிவை வைத்திருத்தல்
நீங்கள் ஒரு தொகுதிக் கோப்புகளுக்கோ வகுப்புகளுக்கோ மறுபெயரிடும்போது, பழைய, புதிய பெயர்களின் இரு நெடுவரிசைப் பட்டியலை வைத்திருங்கள். இது தேடிமாற்றுவதற்கும், வழிமாற்றங்களுக்கும், என்ன நடந்தது என்று ஒரு சக ஊழியருக்கு விளக்குவதற்கும் உதவுகிறது. ஒரு மாற்றி புதிய பெயர்களைச் சீராக்குகிறது; பட்டியல் மாற்றத்தைத் தணிக்கை செய்யத்தக்கதாக்குகிறது.
நிலைக்கும் முகவரிகளை உருவாக்குதல்
முதலில் வாசகரை எண்ணுங்கள்
ஒரு முகவரி இயந்திரங்கள் வாசிக்கும் முன் மக்களால் வாசிக்கப்படுகிறது. ஒரு குறுகிய, தெளிவான முகவரி இணைப்பு பார்வையாளரை எங்கே கொண்டு செல்லும் என்று சொல்கிறது, சொடுக்க அவரை ஊக்குவிக்கிறது. ஒரு slug க்கு நீங்கள் உரையை kebab-case ஆக மாற்றும்போது, வேறு விளக்கமின்றி ஒரு செய்தியில் அது ஒட்டப்பட்டதாக எண்ணி, அது பொருள் தருகிறதா என்று கேளுங்கள்.
பிரிவை மீண்டும் சொல்லாதீர்கள்
முகவரியில் ஏற்கெனவே recipes என்ற கோப்புறை இருந்தால், பக்கத்தை best-recipes-for-summer என்று அழைக்க வேண்டியதில்லை. summer-salads போன்ற ஒரு பெயர் போதும், முகவரி எதிரொலி இல்லாமல் recipes/summer-salads என்று படிக்கிறது.
உரையை kebab-case ஆக மாற்றும்போது பொறிகள்
இணைப்புக்கோடு கழித்தலைக் குறிக்கும் இடத்தில் பயன்படுத்துதல்
பெரும்பாலான நிரலாக்க மொழிகளில், ஒரு பெயருக்குள் ஓர் இணைப்புக்கோடு கழித்தல். அத்தகைய மொழிகளில் மாறிகளுக்கு kebab-case ஐப் பயன்படுத்தாதீர்கள்.
பெயர் இருக்கக்கூடும் என்பதை மறத்தல்
ஒரே slug கொண்ட இரு பக்கங்கள் மோதுகின்றன. வெளியிடும் முன் உங்கள் தளத்தை அல்லது திட்டத்தைச் சரிபாருங்கள்.
வெளியிடப்பட்ட முகவரியை மாற்றுதல்
ஒரு முகவரி பொதுவில் வந்தவுடன், அதை மாற்றுவது இணைப்புகளை உடைக்கிறது. வேறு வழியில்லை என்றால், பழையதிலிருந்து ஒரு வழிமாற்றத்தை அமையுங்கள்.
மிக நீளமான பெயர்கள்
நீண்ட முகவரிகள் பகிர சிரமமானவை, தேடல் முடிவுகளில் சுருக்கப்படுகின்றன. மாற்றும் முன் சொற்றொடரைக் குறையுங்கள்.
மாற்றுவதற்கு முன் மக்கள் கேட்கும் கேள்விகள்
நிறுத்தற்குறிகளுக்கு என்ன நடக்கிறது?
அவை சொற்களுக்கு இடையிலான எல்லையாகக் கருதப்படுகின்றன, கொண்டு செல்லப்படுவதில்லை.
எண்கள் வைக்கப்படுகின்றனவா?
ஆம், தனிச் சொற்களாக, இணைப்புக்கோடுகளால் பிரிக்கப்பட்டு.
camelCase உள்ளீட்டை இது கையாளுமா?
ஆம். ஒரு சொல்லுக்குள்ளுள்ள பெரிய எழுத்து ஒரு வெட்டைக் குறிக்கிறது, எனவே fooBar foo-bar ஆகிறது.
பிற மொழிகளுக்கு இதைப் பயன்படுத்தலாமா?
ஆம், பக்கத்தின் மொழியின் விதிகளுடன். சீனம், ஜப்பானியம் போன்ற இடைவெளிகள் இல்லாத எழுத்து முறைகள் ஒரே சொல்லாகத் திரும்ப வருகின்றன.
என் உரை பதிவேற்றப்படுகிறதா?
இல்லை. நீங்கள் இங்கே தட்டச்சு செய்வது எங்கும் அனுப்பப்படுவதில்லை, எனவே ஒரு வரைவு, ஒரு கடவுச்சொல் அல்லது ஒரு வாடிக்கையாளரின் பெயர் ஒரு உரைத் திருத்தியில் இருப்பது போலவே இங்கும் பாதுகாப்பானது.
அதற்குப் பதிலாக அடிக்கோடுகளை எப்படிப் பெறுவது?
உரையை snake_case ஆக மாற்றுதல் மூலம்.
ஒரு செய்முறை எடுத்துக்காட்டு
நீங்கள் ஓர் இணையதளத்தில் ஒரு புதிய பகுதியைச் சேர்க்கிறீர்கள் என்றும், ஆசிரியர் உங்களுக்கு Spring Garden: What To Plant In April (and Why) என்ற தலைப்பைத் தந்துள்ளார் என்றும் வைத்துக்கொள்ளுங்கள். நீங்கள் அதை ஒட்டி spring-garden-what-to-plant-in-april-and-why ஐப் படிக்கிறீர்கள். அது நீளமானது, எனவே தலைப்பை What to Plant in April என்று சுருக்கி மீண்டும் மாற்றுகிறீர்கள்: what-to-plant-in-april. அதைக் கோப்புப் பெயராகவும் முகவரியாகவும் பயன்படுத்துகிறீர்கள், அதே சொற்கள், அதே வடிவத்தில், பாணித்தாளிலுள்ள தலைப்பின் வகுப்பாகவும். மூன்று இடங்கள், ஒரே பெயர், ஒருமுறை எழுதப்பட்டது.
ஒரு குறுகிய சரிபார்ப்புப் பட்டியல்
மாற்றுவதற்கு முன்
பெயர் சொல்ல வேண்டியதற்குச் சொற்றொடரைச் சுருக்குங்கள். எந்த இருக்கும் பெயரும் பொருந்தவில்லை என்று சரிபாருங்கள்.
மாற்றும்போது
சொற்றொடரை ஒட்டி, முடிவைப் படித்து, அது இயல்பானது, நியாயமான அளவு குறுகியது என்று உறுதிசெய்யுங்கள்.
மாற்றிய பிறகு
அது பொருந்தும் ஒவ்வோர் இடத்திலும் அதே பெயரைப் பயன்படுத்துங்கள், வெளியிடப்பட்ட முகவரியை எப்போதாவது மாற்றினால் ஒரு வழிமாற்றத்தை அமையுங்கள்.
பொதுவான தவறுகள்
மாறிப் பெயர்களுக்கு kebab-case ஐப் பயன்படுத்துதல்
பெரும்பாலான மொழிகளில் ஓர் இணைப்புக்கோடு கழித்தல் என்று பொருள்.
பெயர்களை மிக நீளமாக்குதல்
குறுகிய பெயர்கள் பகிரவும் நினைவில் வைக்கவும் எளிதானவை.
வெளியிடப்பட்ட முகவரிகளை மாற்றுதல்
அது இணைப்புகளை உடைக்கிறது. வேறு வழியில்லை என்றால் வழிமாற்றுங்கள்.
உங்கள் உரை உங்கள் சாதனத்திலேயே இருக்கிறது
மாற்றம் உள்ளூரிலேயே நடக்கிறது. உங்கள் உரை உங்கள் சொந்த உலாவியால் கையாளப்படுகிறது, எதுவும் எங்கும் அனுப்பப்படுவதில்லை. பின்னர் நீக்க எதுவும் இல்லை, உருவாக்க எந்தக் கணக்கும் இல்லை. உரையை kebab-case ஆக மாற்றும் எளிய வழி அதுவே.
சுருக்கம்
இங்கே உரையை kebab-case ஆக மாற்ற, ஒரு வரியை ஒட்டி, சொற்கள் வெட்டப்பட்டு, சிறிய எழுத்தாக்கப்பட்டு, இணைப்புக்கோடுகளால் இணைக்கப்பட்டுத் திரும்பப் படியுங்கள். ஏற்கெனவே camelCase இல் எழுதப்பட்ட ஒரு வரி அங்கேயும் வெட்டப்படுகிறது, எனவே fooBar foo-bar ஆகிறது. இந்தப் பக்கம் நிறுத்தற்குறிகளை வைத்திருக்காது: காற்புள்ளிகளும் புள்ளிகளும் கோடுகளும் சொற்களுக்கு இடையிலான எல்லைகள், கொண்டு செல்ல வேண்டிய எழுத்துகள் அல்ல, ஒரு CSS வகுப்புக்கோ கோப்புப் பெயருக்கோ நீங்கள் விரும்புவது அதுவே, உரைநடைக்கு அல்ல. சொற்களாக வெட்ட எல்லைகள் தேவை, எனவே இடைவெளிகள் இல்லாமல் எழுதப்படும் சீனமும் ஜப்பானியமும் ஒரே சொல்லாகத் திரும்ப வருகின்றன. சிறிய எழுத்தாக்கம் பக்கத்தின் மொழியைப் பின்பற்றுகிறது. தேடுபொறிகள் இணைப்புக்கோடுகளை இடைவெளிகளாக வாசிப்பதால் இணையம் அவற்றை விரும்புகிறது. எதுவும் பதிவேற்றப்படுவதில்லை.