แปลงข้อความเป็น kebab-case dash-case ฟรี ออนไลน์ ปลอดภัย

ทำไมคุณจึงแปลงข้อความเป็น 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) และชื่อคลาสส่วนใหญ่กับ custom property (--brand-color) ก็เช่นกัน แอตทริบิวต์ HTML อย่าง data-user-id ใช้สไตล์เดียวกัน เมื่อคุณคิดชื่อคลาสสำหรับคอมโพเนนต์ kebab-case คือสิ่งที่ผู้อ่านสไตล์ชีตของคุณคาดหวัง หากคอมโพเนนต์ถูกวาดด้วยขนาดด้วย แปลง px เป็น remช่วยเรื่องความยาวได้

ชื่อไฟล์และโฟลเดอร์

คำตัวพิมพ์เล็กที่เชื่อมด้วยขีดกลางเป็นชื่อไฟล์ที่ปลอดภัยในทุกระบบ นั่นคือเหตุผลที่ตัวสร้างเว็บไซต์แบบสถิตและเฟรมเวิร์กจำนวนมากใช้กับหน้าและสินทรัพย์

ตัวเลือกบรรทัดคำสั่งและชื่อแพ็กเกจ

แฟล็กอย่าง --dry-run ชื่อแพ็กเกจในรีจิสทรีอย่าง npm และสาขา Git อย่าง feature/login-form ล้วนใช้ 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 ชื่อสาขาถูกอ่านในรายการ ใน pull request และในแชต และวลีสั้น ๆ ที่มีขีดกลางกวาดตาอ่านง่าย หลายทีมนำหน้าด้วยประเภทและเครื่องหมายทับ: feature/add-search-filter เพื่อสร้างส่วนหลังเครื่องหมายทับ ให้แปลงข้อความเป็น kebab-case จากชื่อของงาน

ตั้งชื่อแอตทริบิวต์และ custom property

custom property ใน CSS เช่น --space-large และ --brand-primary เป็นไปตามธรรมเนียมใน kebab-case และแอตทริบิวต์ data ของ HTML ก็เช่นกัน หากคุณทำงานกับสีด้วย อาจต้องใช้สัญกรณ์แปลง HEX เป็น RGBสำหรับค่าที่อยู่เบื้องหลังชื่อเหล่านั้น

เก็บบันทึกชื่อเก่าและชื่อใหม่

เมื่อคุณเปลี่ยนชื่อไฟล์หรือคลาสเป็นชุด ให้เก็บรายการสองคอลัมน์ของชื่อเก่าและชื่อใหม่ ช่วยเรื่องการค้นหาและแทนที่ การเปลี่ยนเส้นทาง และการอธิบายให้เพื่อนร่วมงานว่าเกิดอะไรขึ้น ตัวแปลงทำให้ชื่อใหม่สอดคล้องกัน รายการทำให้การเปลี่ยนแปลงตรวจสอบได้

สร้างที่อยู่ที่ใช้ได้นาน

คิดถึงผู้อ่านก่อน

ที่อยู่ถูกอ่านโดยผู้คนก่อนที่จะถูกอ่านโดยเครื่อง ที่อยู่ที่สั้นและชัดเจนบอกผู้เข้าชมว่าลิงก์จะพาไปที่ใดและกระตุ้นให้คลิก เมื่อคุณแปลงข้อความเป็น kebab-case สำหรับ slug ให้จินตนาการว่ามันถูกวางในข้อความโดยไม่มีคำอธิบายอื่น แล้วถามว่ามันสื่อความหมายหรือไม่

อย่าพูดซ้ำชื่อส่วน

หากที่อยู่มีโฟลเดอร์ชื่อ 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 หรือชื่อไฟล์ และไม่ใช่สำหรับข้อความร้อยแก้ว การตัดเป็นคำต้องมีขอบเขต ภาษาจีนและญี่ปุ่นที่เขียนโดยไม่มีช่องว่างจึงกลับมาเป็นคำเดียว การแปลงเป็นตัวพิมพ์เล็กเป็นไปตามภาษาของหน้า เว็บชอบขีดกลางเพราะเสิร์ชเอนจินอ่านเป็นช่องว่าง ไม่มีสิ่งใดถูกอัปโหลด