kebab-case Converter

In short kebab-case joins words with hyphens and keeps everything lowercase, so "Primary Call To Action" becomes primary-call-to-action. It is the convention for URL slugs, CSS class names, HTML attributes and custom element names, and in two of those it is not optional. A custom element name must contain a hyphen — that is how the browser tells your element from a future standard one — and CSS property names are hyphenated by the specification. For URLs it is a genuine recommendation rather than a rule: Google has said explicitly that hyphens are read as word separators in URLs and underscores are not, so my-page-title is parsed as three words and my_page_title as one. That single fact is why the SEO convention settled on hyphens and why it matters more in a URL than anywhere else. The one place kebab-case cannot go is a variable name in most programming languages, because the hyphen is the subtraction operator — which is exactly why JavaScript accesses CSS properties as camelCase instead.