I-convert ang teksto sa kebab-case dash-case Libre Online Ligtas

Bakit mo kino-convert ang teksto sa kebab-case

Tingnan ang address bar ng halos anumang maayos na website at makikita mo ang mga salitang pinagdudugtong ng gitling: how-to-repot-a-fern, annual-report-2026, contact-us. Tingnan ang loob ng stylesheet at ganoon din ang ginagawa ng mga pangalan ng class: main-menu, card-title, button-primary. Tingnan ang mga flag ng mga command-line tool at makikita mo ang --dry-run at --no-cache. Ito ang kebab-case, ang mga salitang maliliit at nakasulid sa isang gitling gaya ng karne sa tuhog, at ito ang anyong pinili ng web para sa mga pangalang nakikita ng mga tao. Ang pag-convert ng teksto sa kebab-case ay ang pagkuha sa parirala gaya ng sasabihin mo at pagbabago nito tungo sa pangalang gumagana sa address, class, branch o file.

Mag-paste ng linya at basahin ito pabalik sa kebab-case. Nangyayari sa browser mo ang conversion, walang ipinapadala saanman sa tina-type mo, at sinusunod ng mga panuntunan ang wika ng pahinang ito at hindi ang Ingles. Hinahati nito ang linya sa mga salita, ginagawang maliit ang mga titik at pinagdurugtong ng gitling. Hinahati rin doon ang linyang nakasulat na sa camelCase, kaya ang fooBar ay nagiging foo-bar. Sa ibaba makikita mo kung ano mismo ang ginagawa at hindi ginagawa ng pahina, kung paano nito tinatrato ang mahihirap na titik ng iba't ibang wika, bakit mas gusto ng web ang gitling kaysa underscore, kung saan ang kebab-case ang kombensiyon, at ang mga patibong na sumasalo sa mga nagmamadaling mag-convert ng teksto sa kebab-case.

Ang ginagawa ng conversion

Hatiin, gawing maliit, pagdugtungin

Una, hinahati ng pahina ang linya sa mga salita, ginagawang maliit ang bawat isa at pinagdurugtong ng gitling. Ang linyang Crème brûlée for 2 — straße 17, fooBar ay bumabalik bilang crème-brûlée-for-2-straße-17-foo-bar. Pinananatili ang mga accent, nananatili bilang sariling salita ang mga numero, wala na ang gitling at ang kuwit, at ang fooBar ay hinati sa dalawa sa malaking titik.

Kung saan nahahati

Ang hangganan ng salita ay espasyo, bantas, gitling, simbolo o ang paglipat mula sa maliit na titik tungo sa malaking titik sa loob ng salita. Kaya ang Main Menu, mainMenu, main_menu at main--menu ay pawang nagiging main-menu. Tinatanggap ng conversion ang halos anumang panimulang anyo at laging dumarating sa iisang anyo, kaya ito ang ligtas na huling hakbang bago ilagay ang pangalan sa stylesheet o address.

Walang liblib na gitling

Pinipiga sa isa ang paulit-ulit na separator, at walang gitling na naiiwan sa simula o sa dulo. Ang magulong parirala gaya ng ...Hello, World!! ay lumalabas na hello-world, na walang nakabitin sa magkabilang dulo.

Ang hindi ginagawa ng conversion

Hindi nito pinananatili ang bantas

Ang mga kuwit, tuldok at gitling ay hangganan sa pagitan ng mga salita, hindi mga karakter na dadalhin. Iyon ang gusto mo para sa CSS class o pangalan ng file, at hindi ang gusto mo para sa prosa. Ang pangungusap na ipinasok sa pahina ay bumabalik bilang pangalan, at wala na ang orihinal na bantas.

Hindi nito inaalis ang mga accent

Pinananatili ng linya ang mga titik nitong may accent: crème-brûlée. Tinatanggap ang mga ito ng makabagong browser at server sa mga pangalan at address, ngunit maaaring hindi ng mas lumang mga tool, at ang address na may accent ay ginagawang percent code kapag kinopya. Kung kailangan mo ng payak na mga titik, inaalis din ng pahina ng URL slug ang mga marka sa mga Latin na titik.

Hindi nito sinusuri kung libre ang pangalan

Maaaring makabuo ng iisang pangalan ang dalawang magkaibang parirala, at hindi alam ng pahina kung ginagamit na ang pangalan sa site o proyekto mo. Suriin kung may banggaan bago maglathala.

Mahalaga ang wika

Mga script na isinusulat nang walang espasyo

Kailangan ng hangganan ang paghahati sa mga salita. Isinusulat nang walang espasyo ang Chinese at Japanese, kaya ang linya sa mga script na iyon ay bumabalik bilang iisang salita. Mas pipiliin ng pahinang sabihin ito kaysa humati sa lugar na hinulaan lang.

Turkish at ang may tuldok na i

Sinusunod ng paggawang maliit ng titik ang mga panuntunan ng wika ng pahina. Sa Turkish, ang maliit na anyo ng I ay ı, na walang tuldok, at ang maliit na anyo ng İ ay i. Binabago ng converter na gumagamit ng mga panuntunan ng Ingles ang mga salita. Sinusunod ng pahinang ito ang wikang pinagsusulatan nito.

German at ang matalim na s

Maliit na ang German na ß at nananatili ito: straße-17. Ang malaking STRASSE ay bumabalik bilang strasse, dahil hindi naaalala ng malaking anyo kung nagmula ito sa ß o sa dalawang titik.

Mga script na right-to-left at Indic

May espasyo sa pagitan ng mga salita ang Arabic, Hebrew at ang mga script ng India, at walang malaki at maliit na titik. Pinagdurugtong ng pahina ang mga salita nila ng gitling at hindi ginagalaw ang mga titik.

Bakit mas gusto ng web ang gitling

Binabasa ng mga search engine ang gitling bilang espasyo

Tinatrato ng mga search engine ang gitling sa address bilang separator sa pagitan ng mga salita, kaya ang how-to-repot-a-fern ay nauunawaan bilang limang salita. Ang underscore naman ay karaniwang binabasa bilang tagapagdugtong, at ang how_to_repot_a_fern ay maaaring mabasa bilang isang mahabang salita. Para sa mga address na hinahanap ng mga tao, mas mahusay na pagpipilian ang gitling, at kumalat ang nakagawiang iyon sa buong web.

Pagiging madaling basahin

Maaaring mawala ang underscore kapag may salungguhit ang link, dahil eksaktong nasa lugar ng underscore ang guhit. Nananatiling kita ang gitling. Maliit na punto ito, ngunit ipinapaliwanag nito kung bakit nag-ugat ang anyo sa mga address.

Hindi sensitibo sa laki ng titik

Pinakaligtas ang mga address sa maliliit na titik, dahil ang mga bahagi nito ay maaaring sensitibo sa laki ng titik sa ilang server. Maliit na titik ang kebab-case ayon sa kahulugan, na nag-aalis ng isang pamilya ng mga pagkakamali.

Kung saan ang kebab-case ang kombensiyon

Mga web address

Ang huling bahagi ng address ng pahina, ang slug, ay halos laging nasa kebab-case. Para sa mga address na kailangan ding walang accent, gamitin ang pahina ng URL slug.

CSS at HTML

Nasa kebab-case ang mga property ng CSS (background-color, font-size), at ganoon din ang karamihan ng pangalan ng class at custom property (--brand-color). Sumusunod sa parehong istilo ang mga attribute ng HTML gaya ng data-user-id. Kapag nag-imbento ka ng pangalan ng class para sa component, kebab-case ang inaasahan ng mambabasa ng stylesheet mo. Kung iginuguhit din ang component na may mga laki, nakatutulong ang px sa rem sa mga haba.

Mga pangalan ng file at folder

Ang maliliit na salitang pinagdurugtong ng gitling ay ligtas na pangalan ng file sa bawat sistema, kaya ginagamit ang mga ito ng mga static site generator at maraming framework para sa mga pahina at asset.

Mga opsyon sa command-line at pangalan ng package

Sumusunod lahat sa kebab-case ang mga flag gaya ng --dry-run, ang mga pangalan ng package sa registry gaya ng npm, at ang mga branch ng Git gaya ng feature/login-form. Ang parirala na ginawang ganitong anyo ay malamang na tanggapin ng mga tool na ginagamit mo.

Lisp at ang mga pinsan nito

Nagmula ang anyo sa Lisp, kung saan pinapayagan ang gitling sa mga pangalan dahil walang gamit ang wika para rito bilang tanda ng pagbabawas kung walang espasyo sa paligid. Biro ang pangalang kebab-case tungkol sa tuhog, at nanatili ito.

Kung saan hindi ito ang kombensiyon

Python, Ruby at mga database

Mas gusto ng mga ito ang underscore, dahil mababasa ang gitling bilang minus. Para sa kanila, gamitin ang snake_case.

Mga variable ng JavaScript at Java

Pagbabawas ang gitling sa pangalan ng variable. Gumagamit ang mga wikang ito ng camelCase. Maaari pa ring lumitaw ang kebab-case sa mga halaga ng string, pangalan ng file at CSS nila.

Prosa at mga pamagat

Ang kebab-case ay para sa mga pangalan. Dapat panatilihin ng mga pamagat at pangungusap ang mga espasyo at malalaking titik nila. Para sa heading, isaalang-alang ang Title Case.

Paano i-convert ang teksto sa kebab-case rito

I-paste o i-type ang teksto mo

Ilagay ang parirala sa unang field. Agad na lumilitaw ang resulta sa ikalawa, kaya makikita mo itong nagbabago habang nagta-type ka.

Suriin ang pangalan

Tiyaking natural itong basahin at hindi masyadong mahaba. Ang mga address na higit sa humigit-kumulang animnapung karakter ay pinuputol sa mga resulta ng search. Ang magandang slug ay maikli at nagsasabi kung ano ang pahina.

Kopyahin ito

Pindutin ang copy button at i-paste ang resulta kung saan mo ito kailangan. Para sa iba pang anyo ng parehong linya, tingnan sa ibaba.

Ang parehong linya sa pitong paraan ng pagsulat

Isang talahanayan ng mga anyo

Sa ibaba ng converter, ipinapakita ng talahanayan ang halimbawang linya sa pitong anyong iniaalok ng site: uppercase, lowercase, Title Case, snake_case, kebab-case, camelCase at URL slug. Mabilis itong paraan para makita kung ano ang hitsura ng parehong mga salita sa bawat isa.

Saan nanggaling ang mga anyong ito

Dalawang alpabeto

Noong una, dalawang magkaibang alpabeto ang malalaki at maliliit na titik. Romano ang mga malalaking titik, inukit sa bato gamit ang pait; ang maliliit na titik ay nagmula sa Carolingian minuscule, hinubog ng panulat na mabilis na gumagalaw sa pergamino. Itinago ng mga imprentero ang dalawa sa magkahiwalay na tray, ang upper case at ang lower case, at nanatili ang mga pangalan kahit matagal nang wala ang mga tray.

Mga pangalang walang espasyo

Mas bata nang malayo ang mga anyong pang-programming at inimbento para lutasin ang isang problema: hindi maaaring maglaman ng espasyo ang pangalan. Ang snake_case ay nagmula sa unang C, ang camelCase sa Smalltalk, ang kebab-case sa Lisp, at ang URL slug sa pangangailangang ilagay ang pamagat ng tao sa address kung saan hindi pinapayagan ang espasyo at accent.

Mga pangalang gumagana nang maayos sa praktika

Maikli at naglalarawan

Sinasabi ng magandang pangalang kebab-case kung ano ang bagay sa pinakakaunting salita hangga't maaari. Mas mainam ang contact-us kaysa please-get-in-touch-with-our-team. Kapag nagko-convert ka ng teksto sa kebab-case, paikliin muna ang parirala.

Matatag sa paglipas ng panahon

Mga pangako ang mga pangalan sa address: nagli-link dito ang ibang site. Pumili ng mga pangalang totoo pa rin pagkatapos ng redesign, at iwasan ang mga petsa at numero ng bersyon maliban kung iyon ang punto.

Pare-pareho sa buong proyekto

Kung iisang panuntunan ang sinusunod ng bawat address ng pahina, pangalan ng class at pangalan ng file, mahuhulaan nang tama ng bagong dating ang mga pangalan. Kapag nagko-convert ka ng teksto sa kebab-case para sa bagong pahina, tingnan ang kapitbahay para sa padron.

Walang stop word, kung gusto mo

Tinatanggal ng ilan ang mga salitang gaya ng the, a at of sa mga address para panatilihing maikli ang mga ito. Usapin ito ng panlasa: mas maayos ang mas maikling address, mas maganda namang basahin nang malakas ang mas buo.

Kebab-case sa totoong proyekto

Pagpapangalan sa mga CSS class

Pinakamainam basahin ang mga pangalan ng component sa stylesheet bilang maiikling pariralang may gitling: card, card-title, card-footer. Nagdaragdag ang mga methodology gaya ng BEM ng dobleng gitling at underscore para sa mga baryasyon, ngunit maliit na pangalang may gitling pa rin ang base ng bawat class. Kapag nagko-convert ka ng teksto sa kebab-case para sa class, binibigyan mo ang susunod na developer ng pangalang mahuhulaan niya.

Pagpapangalan sa mga file at folder para sa site

Madalas na sinasalamin ng istruktura ng site ang mga address nito, na may file na tinatawag na what-to-plant-in-april.html o folder na tinatawag na garden-guides. Ang pare-parehong pangalang may gitling ay nagpapadali sa pag-browse sa istruktura, pag-link dito at paglipat sa pagitan ng mga sistema. Kung kailangan ng pahina ng data file, maihahanda ito ng CSV sa JSON at ng iba pang converter ng site, at ang parehong panuntunan sa pagpapangalan ang nalalapat sa resulta.

Pagpapangalan sa mga branch at tag sa version control

Ang mga koponang gumagamit ng branch para sa bawat piraso ng trabaho ay pinapangalanan ang mga ito na fix-login-redirect o add-search-filter. Binabasa ang pangalan ng branch sa mga listahan, sa mga pull request at sa chat, at madaling i-scan ang maikling pariralang may gitling. Maraming koponan ang naglalagay ng prefix na uri at slash: feature/add-search-filter. Para buuin ang bahagi pagkatapos ng slash, i-convert ang teksto sa kebab-case mula sa pamagat ng gawain.

Pagpapangalan sa mga attribute at custom property

Ang mga custom property sa CSS, gaya ng --space-large at --brand-primary, ay nakagawiang nasa kebab-case, at ganoon din ang mga data attribute ng HTML. Kung gumagawa ka rin sa mga kulay, maaaring kailanganin ang notasyon ng HEX sa RGB para sa mga halagang nasa likod ng ganoong mga pangalan.

Pagtatago ng tala ng luma at bagong pangalan

Kapag nagpapalit ka ng pangalan ng batch ng mga file o class, magtabi ng listahang may dalawang column ng luma at bagong pangalan. Nakatutulong ito sa search at replace, sa mga redirect at sa pagpapaliwanag sa katrabaho kung ano ang nangyari. Ginagawang pare-pareho ng converter ang mga bagong pangalan; ginagawang masusuri ng listahan ang pagbabago.

Paggawa ng mga address na tumatagal

Isipin muna ang mambabasa

Binabasa ng mga tao ang address bago ito basahin ng mga makina. Ang maikli at malinaw ay nagsasabi sa bisita kung saan siya dadalhin ng link at hinihikayat siyang mag-click. Kapag nagko-convert ka ng teksto sa kebab-case para sa slug, isipin itong naka-paste sa mensahe nang walang ibang paliwanag, at itanong kung may saysay ito.

Huwag ulitin ang seksyon

Kung may folder nang tinatawag na recipes ang address, hindi na kailangang tawaging best-recipes-for-summer ang pahina. Sapat na ang pangalang gaya ng summer-salads, at nababasa ang address na recipes/summer-salads nang walang alingawngaw.

Mga patibong kapag nagko-convert ka ng teksto sa kebab-case

Paggamit nito kung saan minus ang gitling

Sa karamihan ng programming language, pagbabawas ang gitling sa loob ng pangalan. Huwag gumamit ng kebab-case para sa mga variable sa ganoong mga wika.

Paglimot na maaaring umiiral na ang pangalan

Nagbabanggaan ang dalawang pahinang may iisang slug. Suriin ang site o proyekto mo bago maglathala.

Pagbabago sa nailathalang address

Kapag pampubliko na ang address, ang pagbabago nito ay nagpapasira ng mga link. Kung kailangan, magtakda ng redirect mula sa luma.

Napakahabang mga pangalan

Mahirap ibahagi ang mahahabang address at pinaiikli ang mga ito sa mga resulta ng search. Putulin ang parirala bago mag-convert.

Mga tanong ng mga tao bago mag-convert

Ano ang nangyayari sa bantas?

Tinatrato ito bilang hangganan sa pagitan ng mga salita at hindi dinadala.

Pinananatili ba ang mga numero?

Oo, bilang sariling mga salita, pinaghihiwalay ng gitling.

Kaya ba nitong hawakan ang input na camelCase?

Oo. Ang malaking titik sa loob ng salita ay nagmamarka ng hati, kaya ang fooBar ay nagiging foo-bar.

Magagamit ko ba ito para sa ibang wika?

Oo, gamit ang mga panuntunan ng wika ng pahina. Ang mga script na walang espasyo, gaya ng Chinese at Japanese, ay bumabalik bilang iisang salita.

Ina-upload ba ang teksto ko?

Hindi. Hindi kailanman ipinapadala saanman ang tina-type mo rito, kaya kasing-ligtas rito ang draft, password o pangalan ng kliyente gaya sa text editor.

Paano ko makukuha ang mga underscore sa halip?

Gamit ang pag-convert ng teksto sa snake_case.

Isang halimbawang nalutas

Sabihin nating nagdaragdag ka ng bagong seksyon sa website at ibinigay sa iyo ng editor ang pamagat na Spring Garden: What To Plant In April (and Why). Ipapaste mo ito at nababasa mo ang spring-garden-what-to-plant-in-april-and-why. Mahaba ito, kaya pinaikli mo ang pamagat sa What to Plant in April at nag-convert ka muli: what-to-plant-in-april. Ginagamit mo ito bilang pangalan ng file at bilang address, at ang parehong mga salita, sa parehong anyo, bilang class ng heading sa stylesheet. Tatlong lugar, iisang pangalan, isang beses isinulat.

Isang maikling checklist

Bago mag-convert

Paikliin ang parirala sa kailangang sabihin ng pangalan. Tiyaking walang umiiral na pangalang tumutugma.

Habang nagko-convert

I-paste ang parirala, basahin ang resulta at tiyaking natural ito at makatwirang maikli.

Pagkatapos mag-convert

Gamitin ang parehong pangalan saanman ito naaangkop, at magtakda ng redirect kung babaguhin mo ang nailathalang address.

Karaniwang mga pagkakamali

Paggamit ng kebab-case para sa mga pangalan ng variable

Minus ang ibig sabihin ng gitling sa karamihan ng wika.

Paggawa ng masyadong mahabang pangalan

Mas madaling ibahagi at tandaan ang maiikling pangalan.

Pagbabago sa mga nailathalang address

Nasisira ang mga link. Mag-redirect kung kailangan.

Nananatili sa device mo ang teksto mo

Lokal na nangyayari ang conversion. Hinahawakan ng sarili mong browser ang teksto mo at walang ipinapadala saanman. Walang buburahin pagkatapos at walang account na gagawin. Iyon ang payak na paraan para i-convert ang teksto sa kebab-case.

Buod

Para i-convert ang teksto sa kebab-case rito, mag-paste ng linya at basahin itong bumalik na hinati ang mga salita, ginawang maliit at pinagdugtong ng gitling. Hinahati rin doon ang linyang nakasulat na sa camelCase, kaya ang fooBar ay nagiging foo-bar. Hindi pinananatili ng pahina ang bantas: ang mga kuwit, tuldok at gitling ay hangganan sa pagitan ng mga salita, hindi mga karakter na dadalhin, na siyang gusto mo para sa CSS class o pangalan ng file at hindi para sa prosa. Kailangan ng hangganan ang paghahati sa mga salita, kaya ang Chinese at Japanese, na isinusulat nang walang espasyo, ay bumabalik bilang iisang salita. Sinusunod ng paggawang maliit ang wika ng pahina. Mas gusto ng web ang gitling dahil binabasa ito ng mga search engine bilang espasyo. Walang ina-upload.