{"id":116,"date":"2026-04-18T02:51:02","date_gmt":"2026-04-18T02:51:02","guid":{"rendered":"https:\/\/www.charactercodes.net\/blog\/?p=116"},"modified":"2026-04-18T02:51:02","modified_gmt":"2026-04-18T02:51:02","slug":"the-complete-guide-to-dashes","status":"publish","type":"post","link":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/","title":{"rendered":"The Complete Guide to Dashes"},"content":{"rendered":"<style>:root { --bg: #ffffff; --surface: #f7f7f5; --border: #e8e5e0; --text: #1a1a18; --text-muted: #6b6860; --text-light: #9b9890; --accent: #2563eb; --accent-light: #eff6ff; --accent-border: #bfdbfe; --warn: #92400e; --warn-bg: #fffbeb; --warn-border: #fde68a; --tip: #065f46; --tip-bg: #ecfdf5; --tip-border: #a7f3d0; --note: #3730a3; --note-bg: #eef2ff; --note-border: #c7d2fe; --red: #991b1b; --red-bg: #fef2f2; --red-border: #fecaca; --section-num: #d1cfc9; --mono-bg: #f4f3f0; --dash-big: #1a1a18; }\r\n.hero { border-bottom: 1px solid var(--border); padding: 3.5rem 0 3rem; }\r\n.hero-inner { max-width: 1200px; margin: 0 auto; }\r\n.hero-meta { font-size: 0.8rem; font-weight: 500; color: var(--text-muted); letter-spacing: 0.03em; text-transform: uppercase; margin-bottom: 1rem; }\r\n.layout h1 { font-family: 'Lora', serif; font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; color: var(--text); margin-bottom: 1.25rem; }\r\n.hero-lead { font-size: 1.1rem; line-height: 1.7; font-weight: 400; }\r\n.dash-showcase { margin-top: 2.5rem; display: flex; flex-wrap: wrap; gap: .5rem; }\r\n.dash-pill { display: flex; align-items: center; gap: 0.5rem; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 0.6rem 1rem; transition: border-color 0.15s; }\r\n.dash-pill:hover { border-color: var(--accent-border); }\r\n.dash-char { font-family: 'Lora', serif; font-size: 1.5rem; font-weight: 700; color: var(--text); min-width: 1.6rem; text-align: center; line-height: 1; }\r\n.dash-info { display: flex; flex-direction: column; }\r\n.dash-name { font-size: 0.78rem; font-weight: 600; color: var(--text); }\r\n.dash-code { font-family: 'DM Mono', monospace; font-size: 0.72rem; color: var(--text-muted); }\r\n.layout { max-width: 1200px; margin: 0 auto; }\r\n.layout .article { padding: 1rem 0 1rem; min-width: 0; }\r\n.layout .aside { padding: 1rem 0 1rem; }\r\n.toc { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 1.25rem 1.25rem; font-size: 0.82rem; }\r\n.toc-title { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 0.85rem; }\r\n.toc ol { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }\r\n.toc a { color: var(--text-muted); text-decoration: none; display: flex; gap: 0.5rem; align-items: baseline; line-height: 1.4; transition: color 0.15s; }\r\n.toc a:hover { color: var(--accent); }\r\n.toc-num { font-family: 'DM Mono', monospace; font-size: 0.7rem; color: var(--text-light); flex-shrink: 0; min-width: 1.3rem; }\r\n.layout .section { margin-bottom: 1rem; }\r\n.layout .section-label { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-light); margin-bottom: 1.25rem; }\r\n.layout h2 { font-family: 'Lora', serif; font-size: 1.65rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.015em; color: var(--text); margin-bottom: 1.1rem; }\r\n.layout h3 { font-family: 'DM Sans', sans-serif; font-size: 1.05rem; font-weight: 600; color: var(--text); margin: 2rem 0 0.75rem; }\r\n.layout p { margin-bottom: 1rem; }\r\n.layout p:last-child { margin-bottom: 0; }\r\n.layout strong { font-weight: 600; }\r\n.layout em { font-style: italic; }\r\n.layout code { font-family: 'DM Mono', monospace; font-size: 0.85em; background: var(--mono-bg); border: 1px solid var(--border); border-radius: 4px; padding: 0.1em 0.4em; color: var(--red); }\r\n.layout .callout { border-radius: 8px; padding: 1rem 1.25rem; margin: 1.5rem 0; display: grid; grid-template-columns: auto 1fr; gap: 0.6rem 0.75rem; align-items: start; }\r\n.layout .callout-icon { font-size: 1.1rem; line-height: 1.6; }\r\n.layout .callout-body { font-size: 0.92rem; line-height: 1.65; }\r\n.layout .callout-title { font-weight: 600; margin-bottom: 0.2rem; grid-column: 2; font-size: 0.85rem; letter-spacing: 0.02em; }\r\n.layout .callout-content { grid-column: 2; }\r\n.layout .callout.warn { background: var(--warn-bg); border: 1px solid var(--warn-border); color: var(--warn); }\r\n.layout .callout.tip { background: var(--tip-bg); border: 1px solid var(--tip-border); color: var(--tip); }\r\n.layout .callout.note { background: var(--note-bg); border: 1px solid var(--note-border); color: var(--note); }\r\n.layout .callout.info { background: var(--accent-light); border: 1px solid var(--accent-border); color: var(--accent); }\r\n.copy-ref { background: var(--mono-bg); border: 1px solid var(--border); border-radius: 10px; margin: 1.5rem 0; overflow: hidden; }\r\n.copy-ref-label { font-family: 'DM Mono', monospace; font-size: 0.7rem; font-weight: 500; color: var(--text-muted); letter-spacing: 0.06em; text-transform: uppercase; padding: 0.6rem 1rem; border-bottom: 1px solid var(--border); background: var(--surface); }\r\n.copy-ref-body { padding: 0.35rem 0; }\r\n.copy-ref-row { display: grid; grid-template-columns: 2rem 9rem 5.5rem 1fr auto; align-items: center; gap: 0 0.75rem; padding: 0.45rem 1rem; border-bottom: 1px solid var(--border); transition: background 0.12s; }\r\n.copy-ref-row:last-child { border-bottom: none; }\r\n.copy-ref-row:hover { background: #eceae6; }\r\n.copy-ref-char { font-family: 'Lora', serif; font-size: 1.3rem; font-weight: 700; line-height: 1; color: var(--text); text-align: center; }\r\n.copy-ref-name { font-family: 'DM Mono', monospace; font-size: 0.82rem; color: var(--text); }\r\n.copy-ref-code { font-family: 'DM Mono', monospace; font-size: 0.78rem; color: var(--accent); }\r\n.copy-ref-note { font-size: 0.78rem; color: var(--text-light); font-style: italic; }\r\n.layout .copy-btn { font-family: 'DM Sans', sans-serif; font-size: 0.75rem; font-weight: 600; color: var(--accent); background: var(--accent-light); border: 1px solid var(--accent-border); border-radius: 5px; padding: 0.25em 0.8em; cursor: pointer; transition: background 0.15s, border-color 0.15s, color 0.15s; white-space: nowrap; letter-spacing: 0.01em; }\r\n.layout .copy-btn:hover { background: #dbeafe; border-color: var(--accent); }\r\n.layout .copy-btn--done { color: var(--tip) !important; background: var(--tip-bg) !important; border-color: var(--tip-border) !important; }\r\n.layout .code-block { background: var(--mono-bg); border: 1px solid var(--border); border-radius: 10px; margin: 1.5rem 0; overflow: hidden; }\r\n.layout .code-block-label { font-family: 'DM Mono', monospace; font-size: 0.7rem; font-weight: 500; color: var(--text-muted); letter-spacing: 0.06em; text-transform: uppercase; padding: 0.6rem 1rem; border-bottom: 1px solid var(--border); background: var(--surface); }\r\n.layout .code-block pre { padding: 1.1rem 1.2rem; font-family: 'DM Mono', monospace; font-size: 0.83rem; line-height: 1.75; color: var(--text); overflow-x: auto; white-space: pre; }\r\n.layout .code-block pre .comment { color: var(--text-muted); }\r\n.layout .code-block pre .val { color: var(--accent); }\r\n.layout .code-block pre .wrong { color: #b91c1c; }\r\n.layout .code-block pre .right { color: #065f46; }\r\n.dash-demo { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; margin: 1.5rem 0; overflow: hidden; }\r\n.dash-demo-header { padding: 0.7rem 1.2rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 0.75rem; background: var(--bg); }\r\n.dash-demo-char { font-family: 'Lora', serif; font-size: 2.2rem; font-weight: 700; line-height: 1; color: var(--text); }\r\n.dash-demo-meta { display: flex; flex-direction: column; }\r\n.dash-demo-name { font-weight: 600; font-size: 0.95rem; }\r\n.dash-demo-codes { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.2rem; }\r\n.dash-demo-code { font-family: 'DM Mono', monospace; font-size: 0.72rem; color: var(--text-muted); background: var(--mono-bg); border: 1px solid var(--border); border-radius: 4px; padding: 0.1em 0.4em; }\r\na.dash-demo-code { text-decoration: none; color: var(--accent); border-color: var(--accent-border); background: var(--accent-light); transition: background 0.15s, border-color 0.15s; }\r\na.dash-demo-code:hover { background: #dbeafe; border-color: var(--accent); }\r\n.dash-demo-body { padding: 1rem 1.25rem; font-size: 0.9rem; }\r\n.dash-demo-row { display: grid; grid-template-columns: 90px 1fr; gap: 0.25rem 0.75rem; margin-bottom: 0.6rem; }\r\n.dash-demo-row:last-child { margin-bottom: 0; }\r\n.dash-demo-key { font-weight: 600; font-size: 0.8rem; color: var(--text-muted); padding-top: 0.05em; }\r\n.dash-demo-val { line-height: 1.55; }\r\n.use-correct { color: var(--tip); }\r\n.use-wrong { color: var(--red); }\r\n.layout .table-wrap { overflow-x: auto; margin: 1.5rem 0; border-radius: 10px; border: 1px solid var(--border); }\r\n.layout table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }\r\n.layout thead { background: var(--surface); }\r\n.layout th { text-align: left; padding: 0.65rem 1rem; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--text-muted); border-bottom: 1px solid var(--border); }\r\n.layout td { padding: 0.65rem 1rem; border-bottom: 1px solid var(--border); vertical-align: top; line-height: 1.55; }\r\n.layout tr:last-child td { border-bottom: none; }\r\n.layout tr:hover td { background: var(--surface); }\r\n.td-char { font-family: 'Lora', serif; font-size: 1.4rem; font-weight: 700; line-height: 1; color: var(--text); }\r\n.td-mono { font-family: 'DM Mono', monospace; font-size: 0.8rem; color: var(--text-muted); }\r\n.layout .badge { display: inline-block; font-size: 0.68rem; font-weight: 600; border-radius: 4px; padding: 0.15em 0.5em; letter-spacing: 0.03em; }\r\n.layout .badge-common { background: var(--tip-bg); color: var(--tip); border: 1px solid var(--tip-border); }\r\n.layout .badge-rare { background: var(--warn-bg); color: var(--warn); border: 1px solid var(--warn-border); }\r\n.layout .badge-special { background: var(--note-bg); color: var(--note); border: 1px solid var(--note-border); }\r\n.compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin: 1.5rem 0; }\r\n.compare-card { border-radius: 8px; border: 1px solid; padding: 0.9rem 1rem; font-size: 0.88rem; }\r\n.compare-card.correct { background: var(--tip-bg); border-color: var(--tip-border); }\r\n.compare-card.wrong { background: var(--red-bg); border-color: var(--red-border); }\r\n.compare-label { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 0.5rem; }\r\n.compare-card.correct .compare-label { color: var(--tip); }\r\n.compare-card.wrong .compare-label { color: var(--red); }\r\n.compare-text { font-family: 'Lora', serif; font-size: 1rem; line-height: 1.6; }\r\n.tldr { background: var(--text); color: #fff; border-radius: 12px; padding: 2rem 2rem 1.75rem; margin: 3rem 0 0; }\r\n.tldr-title { font-family: 'Lora', serif; font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; color: #fff; }\r\n.tldr p { color: #c0bfbc; font-size: 0.93rem; margin-bottom: 1rem; }\r\n.section-divider { border: none; border-top: 1px solid var(--border); margin: 3rem 0; }\r\n.layout blockquote { border-left: 3px solid var(--accent); padding: 0.5rem 1.25rem; margin: 1.5rem 0; color: var(--text-muted); font-family: 'Lora', serif; font-size: 1.05rem; font-style: italic; line-height: 1.65; }\r\n@media (max-width: 720px) { .layout h1 { font-size: 1.75rem; } .compare-grid { grid-template-columns: 1fr; } .dash-showcase { flex-direction: column; } }<\/style>\r\n<!-- HERO -->\r\n<div class=\"hero\">\r\n  <div class=\"hero-inner\">\r\n    <p class=\"hero-lead\">\r\n      There are at least seven distinct dash characters in Unicode\u2014and most people use only one of them, the humble hyphen-minus. It\u2019s the default, the easy choice, and often, the wrong one. Whether you\u2019re trying to indicate a range of numbers or a sudden break in thought, using the correct horizontal stroke is a mark of a writer who knows their craft. But with so many variations, which is which? Here&#8217;s what they all do, when to use each, and why the &#8220;wrong&#8221; dash is more than just a typo.\r\n    <\/p>\r\n    <div class=\"dash-showcase\">\r\n      <div class=\"dash-pill\"><span class=\"dash-char\">&#8211;<\/span><div class=\"dash-info\"><span class=\"dash-name\">Hyphen-Minus<\/span><span class=\"dash-code\">U+002D<\/span><\/div><\/div>\r\n      <div class=\"dash-pill\"><span class=\"dash-char\">\u2010<\/span><div class=\"dash-info\"><span class=\"dash-name\">Hyphen<\/span><span class=\"dash-code\">U+2010<\/span><\/div><\/div>\r\n      <div class=\"dash-pill\"><span class=\"dash-char\">\u2013<\/span><div class=\"dash-info\"><span class=\"dash-name\">En Dash<\/span><span class=\"dash-code\">U+2013<\/span><\/div><\/div>\r\n      <div class=\"dash-pill\"><span class=\"dash-char\">\u2014<\/span><div class=\"dash-info\"><span class=\"dash-name\">Em Dash<\/span><span class=\"dash-code\">U+2014<\/span><\/div><\/div>\r\n      <div class=\"dash-pill\"><span class=\"dash-char\">\u2015<\/span><div class=\"dash-info\"><span class=\"dash-name\">Horizontal Bar<\/span><span class=\"dash-code\">U+2015<\/span><\/div><\/div>\r\n      <div class=\"dash-pill\"><span class=\"dash-char\">\u2012<\/span><div class=\"dash-info\"><span class=\"dash-name\">Figure Dash<\/span><span class=\"dash-code\">U+2012<\/span><\/div><\/div>\r\n      <div class=\"dash-pill\"><span class=\"dash-char\">\u2053<\/span><div class=\"dash-info\"><span class=\"dash-name\">Swung Dash<\/span><span class=\"dash-code\">U+2053<\/span><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<!-- MAIN LAYOUT -->\r\n<div class=\"layout\">\r\n  <!-- SIDEBAR -->\r\n  <aside class=\"aside\">\r\n    <div class=\"toc\">\r\n      <div class=\"toc-title\">In this article<\/div>\r\n      <ol>\r\n        <li><a href=\"#history\"><span class=\"toc-num\">01<\/span>A brief history<\/a><\/li>\r\n        <li><a href=\"#hyphen-minus\"><span class=\"toc-num\">02<\/span>Hyphen-minus<\/a><\/li>\r\n        <li><a href=\"#hyphen\"><span class=\"toc-num\">03<\/span>True hyphen<\/a><\/li>\r\n        <li><a href=\"#en-dash\"><span class=\"toc-num\">04<\/span>En dash<\/a><\/li>\r\n        <li><a href=\"#em-dash\"><span class=\"toc-num\">05<\/span>Em dash<\/a><\/li>\r\n        <li><a href=\"#figure-dash\"><span class=\"toc-num\">06<\/span>Figure dash<\/a><\/li>\r\n        <li><a href=\"#horizontal-bar\"><span class=\"toc-num\">07<\/span>Horizontal bar<\/a><\/li>\r\n        <li><a href=\"#others\"><span class=\"toc-num\">08<\/span>Other dashes<\/a><\/li>\r\n        <li><a href=\"#keyboard\"><span class=\"toc-num\">09<\/span>How to type them<\/a><\/li>\r\n        <li><a href=\"#tldr\"><span class=\"toc-num\">10<\/span>TL;DR cheat sheet<\/a><\/li>\r\n      <\/ol>\r\n    <\/div>\r\n  <\/aside>\r\n  <!-- ARTICLE -->\r\n  <article class=\"article\">\r\n    <!-- SECTION 01 -->\r\n    <hr class=\"section-divider\">\r\n    <div class=\"section\" id=\"history\">\r\n      <div class=\"section-label\">Section 01<\/div>\r\n      <h2>A Brief History of the Dash<\/h2>\r\n      <p>\r\n        Before digital typography, printers had a set of physical metal type pieces for dashes. Each piece had a specific width, purpose, and name drawn from the typeface&#8217;s em \u2014 the fundamental unit of measurement equal to the point size of the font. An <strong>em<\/strong> in a 12pt font is 12 points wide; an <strong>en<\/strong> is half that, 6 points.\r\n      <\/p>\r\n      <p>\r\n        The problem began with the typewriter. To keep things simple, typewriter designers gave typists a single key: the <strong>hyphen-minus<\/strong> (<code>-<\/code>). It was a compromise character that stood in for hyphens, minus signs, en dashes, em dashes \u2014 everything. This habit carried over to early computers, where keyboard real estate was precious.\r\n      <\/p>\r\n      <div class=\"callout warn\">\r\n        <span class=\"callout-icon\">\u26a0\ufe0f<\/span>\r\n        <div class=\"callout-title\">The Hyphen-Minus Problem<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          The <code>-<\/code> key on your keyboard is technically called a <em>hyphen-minus<\/em> (U+002D). It is a multi-purpose compromise character \u2014 not a real hyphen, not a real minus sign, and definitely not an em or en dash. Using it for everything is technically incorrect, though widely accepted in informal writing.\r\n        <\/div>\r\n      <\/div>\r\n      <p>\r\n        Unicode changed the game by assigning dedicated code points to every typographic character that ever existed. Today, you have access to the full arsenal \u2014 if you know where to look.\r\n      <\/p>\r\n    <\/div>\r\n    <hr class=\"section-divider\">\r\n    <!-- SECTION 02 -->\r\n    <div class=\"section\" id=\"hyphen-minus\">\r\n      <div class=\"section-label\">Section 02<\/div>\r\n      <h2>The Hyphen-Minus <span style=\"font-family:'Lora',serif; color:var(--text-muted);\">&#8211;<\/span><\/h2>\r\n      <div class=\"dash-demo\">\r\n        <div class=\"dash-demo-header\">\r\n          <span class=\"dash-demo-char\">&#8211;<\/span>\r\n          <div class=\"dash-demo-meta\">\r\n            <span class=\"dash-demo-name\">Hyphen-Minus<\/span>\r\n            <div class=\"dash-demo-codes\">\r\n              <a href=\"\/002D\" class=\"dash-demo-code\">U+002D<\/a>\r\n              <span class=\"dash-demo-code\">HTML: &#45; or &#8211;<\/span>\r\n              <span class=\"dash-demo-code\">CSS: \\002D<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dash-demo-body\">\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Width<\/span>\r\n            <span class=\"dash-demo-val\">Narrow (about \u00bc em) \u2014 varies by font<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Usage<\/span>\r\n            <span class=\"dash-demo-val class='use-correct'\">Keyboard default; used in programming, URLs, command-line flags, and informal writing<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Example<\/span>\r\n            <span class=\"dash-demo-val\"><code>git push origin main --force<\/code><\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p>\r\n        The hyphen-minus is the most common character on a keyboard and the most frequently <em>misused<\/em> dash in existence. It is not a true hyphen, not a minus sign, and it carries no specific semantic meaning beyond &#8220;some kind of horizontal stroke.&#8221;\r\n      <\/p>\r\n      <p>\r\n        Its advantage is ubiquity: it appears on every keyboard on Earth, it works in every programming language, URL, and command-line interface, and no one will complain if you use it in casual writing. Its disadvantage is that it means nothing specific \u2014 the reader (and software) must infer meaning from context.\r\n      <\/p>\r\n      <div class=\"callout tip\">\r\n        <span class=\"callout-icon\">\ud83d\udca1<\/span>\r\n        <div class=\"callout-title\">When to use it<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          Use the hyphen-minus freely in code, filenames, URLs, terminal commands, and informal digital text. When writing prose for publication or professional documents, prefer the semantically correct character instead.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <hr class=\"section-divider\">\r\n    <!-- SECTION 03 -->\r\n    <div class=\"section\" id=\"hyphen\">\r\n      <div class=\"section-label\">Section 03<\/div>\r\n      <h2>The True Hyphen <span style=\"font-family:'Lora',serif; color:var(--text-muted);\">\u2010<\/span><\/h2>\r\n      <div class=\"dash-demo\">\r\n        <div class=\"dash-demo-header\">\r\n          <span class=\"dash-demo-char\">\u2010<\/span>\r\n          <div class=\"dash-demo-meta\">\r\n            <span class=\"dash-demo-name\">Hyphen<\/span>\r\n            <div class=\"dash-demo-codes\">\r\n              <a href=\"\/2010\" class=\"dash-demo-code\">U+2010<\/a>\r\n              <span class=\"dash-demo-code\">HTML: &#8208;<\/span>\r\n              <span class=\"dash-demo-code\">CSS: \\2010<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dash-demo-body\">\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Width<\/span>\r\n            <span class=\"dash-demo-val\">Narrow \u2014 similar to hyphen-minus, but typographically distinct<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Usage<\/span>\r\n            <span class=\"dash-demo-val\">Joining words and compound modifiers; line-break hyphenation<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Examples<\/span>\r\n            <span class=\"dash-demo-val\">well\u2010known fact, mother\u2010in\u2010law, twenty\u2010three<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p>\r\n        The <strong>true hyphen<\/strong> (U+2010) is semantically unambiguous \u2014 software knows it is specifically a hyphen and not a minus sign or dash. It looks nearly identical to the hyphen-minus but carries proper meaning.\r\n      <\/p>\r\n      <h3>When to hyphenate<\/h3>\r\n      <p>Hyphens connect words that function together as a single modifier <em>before<\/em> a noun. Once the noun appears, the hyphen usually disappears:<\/p>\r\n      <div class=\"compare-grid\">\r\n        <div class=\"compare-card correct\">\r\n          <div class=\"compare-label\">\u2713 Correct<\/div>\r\n          <div class=\"compare-text\">a well\u2010known author<br>a two\u2010year\u2010old child<br>a high\u2010speed train<\/div>\r\n        <\/div>\r\n        <div class=\"compare-card wrong\">\r\n          <div class=\"compare-label\">\u2717 No hyphen needed<\/div>\r\n          <div class=\"compare-text\">the author is well known<br>a child who is two years old<br>the train travels at high speed<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"callout note\">\r\n        <span class=\"callout-icon\">\ud83d\udcdd<\/span>\r\n        <div class=\"callout-title\">The Non-Breaking Hyphen<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          Unicode also defines a <strong>non-breaking hyphen<\/strong> (U+2011). It looks identical to the true hyphen but tells line-wrapping algorithms &#8220;do not break the line here.&#8221; Use it for phone numbers, compound names, or any hyphenated word that should never be split across lines.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <hr class=\"section-divider\">\r\n    <!-- SECTION 04 -->\r\n    <div class=\"section\" id=\"en-dash\">\r\n      <div class=\"section-label\">Section 04<\/div>\r\n      <h2>The En Dash <span style=\"font-family:'Lora',serif; color:var(--text-muted);\">\u2013<\/span><\/h2>\r\n      <div class=\"dash-demo\">\r\n        <div class=\"dash-demo-header\">\r\n          <span class=\"dash-demo-char\">\u2013<\/span>\r\n          <div class=\"dash-demo-meta\">\r\n            <span class=\"dash-demo-name\">En Dash<\/span>\r\n            <div class=\"dash-demo-codes\">\r\n              <a href=\"\/2013\" class=\"dash-demo-code\">U+2013<\/a>\r\n              <span class=\"dash-demo-code\">HTML: &amp;ndash; or &#8211;<\/span>\r\n              <span class=\"dash-demo-code\">CSS: \\2013<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dash-demo-body\">\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Width<\/span>\r\n            <span class=\"dash-demo-val\">Exactly one en (\u00bd em) \u2014 twice the width of a hyphen<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Usage<\/span>\r\n            <span class=\"dash-demo-val\">Ranges (dates, pages, times, scores); complex compound adjectives<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Examples<\/span>\r\n            <span class=\"dash-demo-val\">pp. 12\u201345, 1939\u20131945, the London\u2013Edinburgh train, 3\u20131 score<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p>\r\n        The <strong>en dash<\/strong> is the workhorse of ranges. Its primary job is to mean &#8220;to&#8221; or &#8220;through&#8221; when connecting two values, dates, times, or places. It is wider than a hyphen \u2014 approximately the width of the letter &#8220;n&#8221; in the font \u2014 and narrower than the em dash.\r\n      <\/p>\r\n      <h3>Ranges: dates, pages, times, scores<\/h3>\r\n      <p>Whenever you are expressing a span from one value to another, the en dash is correct. No spaces around it in this usage:<\/p>\r\n      <div class=\"code-block\">\r\n        <div class=\"code-block-label\">en dash ranges<\/div>\r\n        <pre><span class=\"comment\"># Dates<\/span>\r\nThe First World War (<span class=\"val\">1914\u20131918<\/span>) changed everything.\r\n<span class=\"comment\"># Page numbers<\/span>\r\nSee chapter 3, pp. <span class=\"val\">87\u2013112<\/span>.\r\n<span class=\"comment\"># Times<\/span>\r\nOffice hours: <span class=\"val\">9:00\u201317:00<\/span>.\r\n<span class=\"comment\"># Sports scores<\/span>\r\nEngland won <span class=\"val\">3\u20131<\/span> against France.\r\n<span class=\"comment\"># Train \/ flight routes<\/span>\r\nThe <span class=\"val\">London\u2013Paris<\/span> Eurostar departs at 08:32.\r\n<span class=\"comment\">\u274c Using hyphens instead:<\/span>\r\n1914<span class=\"wrong\">-<\/span>1918  (technically wrong, widely accepted)<\/pre>\r\n      <\/div>\r\n      <h3>Complex compound adjectives<\/h3>\r\n      <p>\r\n        When one element of a compound adjective is itself a multi-word phrase or a proper noun, use an en dash instead of a hyphen. The en dash signals that the relationship is between larger units:\r\n      <\/p>\r\n      <div class=\"compare-grid\">\r\n        <div class=\"compare-card correct\">\r\n          <div class=\"compare-label\">\u2713 En dash (complex compound)<\/div>\r\n          <div class=\"compare-text\">a post\u2013World War II economy<br>a New York\u2013based company<br>a Nobel Prize\u2013winning scientist<\/div>\r\n        <\/div>\r\n        <div class=\"compare-card wrong\">\r\n          <div class=\"compare-label\">\u2717 Hyphen (too weak here)<\/div>\r\n          <div class=\"compare-text\">a post-World War II economy<br>a New York-based company<br>a Nobel Prize-winning scientist<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"callout info\">\r\n        <span class=\"callout-icon\">\u2139\ufe0f<\/span>\r\n        <div class=\"callout-title\">Spaces around en dashes<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          For ranges (dates, pages, scores), write the en dash with <strong>no spaces<\/strong>: <em>1939\u20131945<\/em>. Some style guides (particularly British) allow spaced en dashes as a substitute for the em dash in parenthetical statements, but Chicago and most American guides prefer the unspaced em dash for that purpose.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <hr class=\"section-divider\">\r\n    <!-- SECTION 05 -->\r\n    <div class=\"section\" id=\"em-dash\">\r\n      <div class=\"section-label\">Section 05<\/div>\r\n      <h2>The Em Dash <span style=\"font-family:'Lora',serif; color:var(--text-muted);\">\u2014<\/span><\/h2>\r\n      <div class=\"dash-demo\">\r\n        <div class=\"dash-demo-header\">\r\n          <span class=\"dash-demo-char\">\u2014<\/span>\r\n          <div class=\"dash-demo-meta\">\r\n            <span class=\"dash-demo-name\">Em Dash<\/span>\r\n            <div class=\"dash-demo-codes\">\r\n              <a href=\"\/2014\" class=\"dash-demo-code\">U+2014<\/a>\r\n              <span class=\"dash-demo-code\">HTML: &amp;mdash; or &#8212;<\/span>\r\n              <span class=\"dash-demo-code\">CSS: \\2014<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dash-demo-body\">\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Width<\/span>\r\n            <span class=\"dash-demo-val\">Exactly one em \u2014 the full width of the font&#8217;s point size<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Usage<\/span>\r\n            <span class=\"dash-demo-val\">Parenthetical asides, abrupt breaks, emphasis, attribution<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Examples<\/span>\r\n            <span class=\"dash-demo-val\">She left\u2014without a word. The result\u2014surprising to all\u2014was remarkable.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p>\r\n        The <strong>em dash<\/strong> is the most dramatic punctuation mark in English prose. It is twice as wide as an en dash, and it carries real expressive weight \u2014 a pause, a pivot, an interruption. Used well, it creates tension and rhythm. Used poorly, it becomes a verbal tic \u2014 appearing everywhere \u2014 making the text feel breathless \u2014 and hard to read.\r\n      <\/p>\r\n      <h3>Four main uses<\/h3>\r\n      <p><strong>1. Parenthetical aside<\/strong> \u2014 a stronger, more emphatic alternative to parentheses or commas:<\/p>\r\n      <blockquote>The report \u2014 all 400 pages of it \u2014 landed on her desk at midnight.<\/blockquote>\r\n      <p><strong>2. Abrupt break or interruption<\/strong> \u2014 the sentence stops suddenly:<\/p>\r\n      <blockquote>He was about to reveal the answer \u2014 but then the lights went out.<\/blockquote>\r\n      <p><strong>3. Amplification or explanation<\/strong> \u2014 a colon&#8217;s dramatic cousin:<\/p>\r\n      <blockquote>There was only one thing she wanted \u2014 the truth.<\/blockquote>\r\n      <p><strong>4. Interrupted speech in fiction<\/strong>:<\/p>\r\n      <blockquote>&#8220;I just wanted to say\u2014&#8221;<br>&#8220;Save it,&#8221; he said.<\/blockquote>\r\n      <div class=\"callout warn\">\r\n        <span class=\"callout-icon\">\u26a0\ufe0f<\/span>\r\n        <div class=\"callout-title\">Don&#8217;t overuse it<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          The em dash works through contrast and surprise. When every other sentence contains one, the effect evaporates. As a rough rule: aim for no more than one or two em dashes per paragraph. If you find yourself using three or four, rewrite some as commas, parentheses, or separate sentences.\r\n        <\/div>\r\n      <\/div>\r\n      <h3>Spaces: American vs British style<\/h3>\r\n      <div class=\"compare-grid\">\r\n        <div class=\"compare-card correct\">\r\n          <div class=\"compare-label\">American style (Chicago, AP, MLA)<\/div>\r\n          <div class=\"compare-text\">No spaces around the em dash\u2014like this\u2014in American publishing.<\/div>\r\n        <\/div>\r\n        <div class=\"compare-card correct\" style=\"background:var(--note-bg);border-color:var(--note-border);\">\r\n          <div class=\"compare-label\" style=\"color:var(--note);\">British style (spaced en dash)<\/div>\r\n          <div class=\"compare-text\">British publishing often uses a spaced en dash \u2013 like this \u2013 instead of the em dash.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"callout tip\">\r\n        <span class=\"callout-icon\">\ud83d\udca1<\/span>\r\n        <div class=\"callout-title\">Two hyphens as a fallback<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          In plain-text environments (email, legacy systems), <code>--<\/code> (two consecutive hyphen-minuses) is a widely understood stand-in for the em dash. Word processors typically auto-correct <code>--<\/code> to <code>\u2014<\/code> as you type.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <hr class=\"section-divider\">\r\n    <!-- SECTION 06 -->\r\n    <div class=\"section\" id=\"figure-dash\">\r\n      <div class=\"section-label\">Section 06<\/div>\r\n      <h2>The Figure Dash <span style=\"font-family:'Lora',serif; color:var(--text-muted);\">\u2012<\/span><\/h2>\r\n      <div class=\"dash-demo\">\r\n        <div class=\"dash-demo-header\">\r\n          <span class=\"dash-demo-char\">\u2012<\/span>\r\n          <div class=\"dash-demo-meta\">\r\n            <span class=\"dash-demo-name\">Figure Dash<\/span>\r\n            <div class=\"dash-demo-codes\">\r\n              <a href=\"\/2012\" class=\"dash-demo-code\">U+2012<\/a>\r\n              <span class=\"dash-demo-code\">HTML: &#8210;<\/span>\r\n              <span class=\"dash-demo-code\">CSS: \\2012<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dash-demo-body\">\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Width<\/span>\r\n            <span class=\"dash-demo-val\">Same width as a digit (0\u20139) in tabular-figure fonts<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Usage<\/span>\r\n            <span class=\"dash-demo-val\">Phone numbers, catalog numbers, any dash that sits alongside figures in a table<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Example<\/span>\r\n            <span class=\"dash-demo-val\">+1\u2012800\u2012555\u20120199<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p>\r\n        The <strong>figure dash<\/strong> is a niche character with a very specific purpose: it is the same width as a numeral in fonts that use tabular (fixed-width) figures. This means columns of numbers align perfectly, even when some cells contain a dash where a number might otherwise appear.\r\n      <\/p>\r\n      <p>\r\n        It is also the typographically correct choice for phone numbers. A hyphen-minus in a phone number will subtly mis-align digits in a table; a figure dash will not.\r\n      <\/p>\r\n      <div class=\"callout note\">\r\n        <span class=\"callout-icon\">\ud83d\udcdd<\/span>\r\n        <div class=\"callout-title\">When it matters<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          For most body text, the difference between a figure dash and a hyphen-minus in a phone number is invisible. The figure dash becomes important in financial tables, data-heavy publications, and anywhere precise numeric alignment is critical. In CSS, you can also achieve this with <code>font-variant-numeric: tabular-nums<\/code>.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <hr class=\"section-divider\">\r\n    <!-- SECTION 07 -->\r\n    <div class=\"section\" id=\"horizontal-bar\">\r\n      <div class=\"section-label\">Section 07<\/div>\r\n      <h2>The Horizontal Bar <span style=\"font-family:'Lora',serif; color:var(--text-muted);\">\u2015<\/span><\/h2>\r\n      <div class=\"dash-demo\">\r\n        <div class=\"dash-demo-header\">\r\n          <span class=\"dash-demo-char\">\u2015<\/span>\r\n          <div class=\"dash-demo-meta\">\r\n            <span class=\"dash-demo-name\">Horizontal Bar<\/span>\r\n            <div class=\"dash-demo-codes\">\r\n              <a href=\"\/2015\" class=\"dash-demo-code\">U+2015<\/a>\r\n              <span class=\"dash-demo-code\">HTML: &#8213;<\/span>\r\n              <span class=\"dash-demo-code\">CSS: \\2015<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"dash-demo-body\">\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Width<\/span>\r\n            <span class=\"dash-demo-val\">One em \u2014 similar to em dash, but positioned differently in some fonts<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Usage<\/span>\r\n            <span class=\"dash-demo-val\">Dialogue dash (European fiction), quotation attribution, list delimiters<\/span>\r\n          <\/div>\r\n          <div class=\"dash-demo-row\">\r\n            <span class=\"dash-demo-key\">Example<\/span>\r\n            <span class=\"dash-demo-val\">\u2015 I am not afraid, said the old man.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p>\r\n        The <strong>horizontal bar<\/strong> (also called a <em>quotation dash<\/em> or <em>dialogue dash<\/em>) is used extensively in French, Greek, Russian, Spanish, and many other languages to introduce direct speech in fiction \u2014 where English would use quotation marks.\r\n      <\/p>\r\n      <blockquote>\r\n        \u2015 Shall we go? she asked.<br>\r\n        \u2015 It is too late now, he replied.\r\n      <\/blockquote>\r\n      <p>\r\n        In some typographic traditions, the horizontal bar is also used to introduce an attribution below a quoted passage \u2014 functioning like a visual underscore to the quotation.\r\n      <\/p>\r\n      <div class=\"callout info\">\r\n        <span class=\"callout-icon\">\u2139\ufe0f<\/span>\r\n        <div class=\"callout-title\">Em dash vs horizontal bar<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          Visually, U+2015 and U+2014 (the em dash) are nearly identical in most fonts. The key difference is semantic: U+2015 is specifically designated for dialogue and quotation attribution, while U+2014 is the all-purpose English em dash. If you are typesetting a translation of a French or Russian novel, U+2015 is the more correct choice.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <hr class=\"section-divider\">\r\n    <!-- SECTION 08 -->\r\n    <div class=\"section\" id=\"others\">\r\n      <div class=\"section-label\">Section 08<\/div>\r\n      <h2>Other Notable Dash Characters<\/h2>\r\n      <p>Unicode contains a handful of additional dash-like characters worth knowing:<\/p>\r\n      <div class=\"table-wrap\">\r\n        <table>\r\n          <thead>\r\n            <tr>\r\n              <th>Character<\/th>\r\n              <th>Name<\/th>\r\n              <th>Code<\/th>\r\n              <th>Use<\/th>\r\n              <th>Frequency<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr>\r\n              <td class=\"td-char\">\u207b<\/td>\r\n              <td><a href=\"\/207B\">Superscript Minus<\/a><\/td>\r\n              <td class=\"td-mono\">U+207B<\/td>\r\n              <td>Scientific notation, math superscripts<\/td>\r\n              <td><span class=\"badge badge-rare\">Rare<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u208b<\/td>\r\n              <td><a href=\"\/208B\">Subscript Minus<\/a><\/td>\r\n              <td class=\"td-mono\">U+208B<\/td>\r\n              <td>Chemical subscripts, math<\/td>\r\n              <td><span class=\"badge badge-rare\">Rare<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2212<\/td>\r\n              <td><a href=\"\/2212\">Minus Sign<\/a><\/td>\r\n              <td class=\"td-mono\">U+2212<\/td>\r\n              <td>Mathematics \u2014 the true minus, not a dash<\/td>\r\n              <td><span class=\"badge badge-common\">Common<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2053<\/td>\r\n              <td><a href=\"\/2053\">Swung Dash<\/a><\/td>\r\n              <td class=\"td-mono\">U+2053<\/td>\r\n              <td>Dictionary definitions, &#8220;approximately equal to&#8221;<\/td>\r\n              <td><span class=\"badge badge-special\">Specialised<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u301c<\/td>\r\n              <td><a href=\"\/301C\">Wave Dash<\/a><\/td>\r\n              <td class=\"td-mono\">U+301C<\/td>\r\n              <td>CJK text, Japanese ranges, decorative<\/td>\r\n              <td><span class=\"badge badge-special\">Specialised<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2011<\/td>\r\n              <td><a href=\"\/2011\">Non-Breaking Hyphen<\/a><\/td>\r\n              <td class=\"td-mono\">U+2011<\/td>\r\n              <td>Hyphen that prevents line breaks<\/td>\r\n              <td><span class=\"badge badge-common\">Common<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2e3a<\/td>\r\n              <td><a href=\"\/2E3A\">Two-Em Dash<\/a><\/td>\r\n              <td class=\"td-mono\">U+2E3A<\/td>\r\n              <td>Omitted word or letters in formal texts<\/td>\r\n              <td><span class=\"badge badge-rare\">Rare<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2e3b<\/td>\r\n              <td><a href=\"\/2E3B\">Three-Em Dash<\/a><\/td>\r\n              <td class=\"td-mono\">U+2E3B<\/td>\r\n              <td>Repeated author name in bibliographies<\/td>\r\n              <td><span class=\"badge badge-rare\">Rare<\/span><\/td>\r\n            <\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n      <div class=\"callout tip\">\r\n        <span class=\"callout-icon\">\ud83d\udca1<\/span>\r\n        <div class=\"callout-title\">The minus sign is not a dash<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          The <strong>minus sign<\/strong> (U+2212) looks like a dash but is mathematically distinct. It is slightly longer than a hyphen-minus and aligned differently. In equations, always use U+2212 rather than a hyphen-minus. Proper math typesetting (LaTeX, MathML) handles this automatically; in web content you may need to insert it explicitly.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <hr class=\"section-divider\">\r\n    <!-- SECTION 09 -->\r\n    <div class=\"section\" id=\"keyboard\">\r\n      <div class=\"section-label\">Section 09<\/div>\r\n      <h2>How to Type Each Dash<\/h2>\r\n      <p>None of the &#8220;true&#8221; dashes appear directly on standard keyboards. Here&#8217;s how to insert each one across different systems:<\/p>\r\n      <div class=\"table-wrap\">\r\n        <table>\r\n          <thead>\r\n            <tr>\r\n              <th>Dash<\/th>\r\n              <th>macOS<\/th>\r\n              <th>Windows<\/th>\r\n              <th>HTML<\/th>\r\n              <th>Word processor<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr>\r\n              <td><strong>En dash \u2013<\/strong><\/td>\r\n              <td class=\"td-mono\">\u2325 + &#8211;<\/td>\r\n              <td class=\"td-mono\">Alt + 0150<br>(numpad)<\/td>\r\n              <td class=\"td-mono\">&amp;ndash;<\/td>\r\n              <td>Auto: type word<code>-<\/code>space<code>-<\/code>word<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td><strong>Em dash \u2014<\/strong><\/td>\r\n              <td class=\"td-mono\">\u2325\u21e7 + &#8211;<\/td>\r\n              <td class=\"td-mono\">Alt + 0151<br>(numpad)<\/td>\r\n              <td class=\"td-mono\">&amp;mdash;<\/td>\r\n              <td>Auto: type <code>--<\/code> then space<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td><strong>True hyphen \u2010<\/strong><\/td>\r\n              <td class=\"td-mono\">Insert special char<\/td>\r\n              <td class=\"td-mono\">Alt + 8208<br>(numpad)<\/td>\r\n              <td class=\"td-mono\">&#8208;<\/td>\r\n              <td>Via character map<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td><strong>Figure dash \u2012<\/strong><\/td>\r\n              <td class=\"td-mono\">Insert special char<\/td>\r\n              <td class=\"td-mono\">Alt + 8210<br>(numpad)<\/td>\r\n              <td class=\"td-mono\">&#8210;<\/td>\r\n              <td>Via character map<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td><strong>Minus sign \u2212<\/strong><\/td>\r\n              <td class=\"td-mono\">Insert special char<\/td>\r\n              <td class=\"td-mono\">Alt + 8722<br>(numpad)<\/td>\r\n              <td class=\"td-mono\">&amp;minus;<\/td>\r\n              <td>Via character map<\/td>\r\n            <\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n      <div class=\"copy-ref\">\r\n        <div class=\"copy-ref-label\">copy-paste reference<\/div>\r\n        <div class=\"copy-ref-body\">\r\n          <div class=\"copy-ref-row\">\r\n            <span class=\"copy-ref-char\">&#8211;<\/span>\r\n            <span class=\"copy-ref-name\">Hyphen-Minus<\/span>\r\n            <span class=\"copy-ref-code\">U+002D<\/span>\r\n            <span class=\"copy-ref-note\">(on your keyboard)<\/span>\r\n            <button class=\"copy-btn\" data-char=\"-\" onclick=\"copyChar(this)\">Copy<\/button>\r\n          <\/div>\r\n          <div class=\"copy-ref-row\">\r\n            <span class=\"copy-ref-char\">\u2010<\/span>\r\n            <span class=\"copy-ref-name\">True Hyphen<\/span>\r\n            <span class=\"copy-ref-code\">U+2010<\/span>\r\n            <span class=\"copy-ref-note\"><\/span>\r\n            <button class=\"copy-btn\" data-char=\"\u2010\" onclick=\"copyChar(this)\">Copy<\/button>\r\n          <\/div>\r\n          <div class=\"copy-ref-row\">\r\n            <span class=\"copy-ref-char\">\u2012<\/span>\r\n            <span class=\"copy-ref-name\">Figure Dash<\/span>\r\n            <span class=\"copy-ref-code\">U+2012<\/span>\r\n            <span class=\"copy-ref-note\"><\/span>\r\n            <button class=\"copy-btn\" data-char=\"\u2012\" onclick=\"copyChar(this)\">Copy<\/button>\r\n          <\/div>\r\n          <div class=\"copy-ref-row\">\r\n            <span class=\"copy-ref-char\">\u2013<\/span>\r\n            <span class=\"copy-ref-name\">En Dash<\/span>\r\n            <span class=\"copy-ref-code\">U+2013<\/span>\r\n            <span class=\"copy-ref-note\"><\/span>\r\n            <button class=\"copy-btn\" data-char=\"\u2013\" onclick=\"copyChar(this)\">Copy<\/button>\r\n          <\/div>\r\n          <div class=\"copy-ref-row\">\r\n            <span class=\"copy-ref-char\">\u2014<\/span>\r\n            <span class=\"copy-ref-name\">Em Dash<\/span>\r\n            <span class=\"copy-ref-code\">U+2014<\/span>\r\n            <span class=\"copy-ref-note\"><\/span>\r\n            <button class=\"copy-btn\" data-char=\"\u2014\" onclick=\"copyChar(this)\">Copy<\/button>\r\n          <\/div>\r\n          <div class=\"copy-ref-row\">\r\n            <span class=\"copy-ref-char\">\u2015<\/span>\r\n            <span class=\"copy-ref-name\">Horizontal Bar<\/span>\r\n            <span class=\"copy-ref-code\">U+2015<\/span>\r\n            <span class=\"copy-ref-note\"><\/span>\r\n            <button class=\"copy-btn\" data-char=\"\u2015\" onclick=\"copyChar(this)\">Copy<\/button>\r\n          <\/div>\r\n          <div class=\"copy-ref-row\">\r\n            <span class=\"copy-ref-char\">\u2212<\/span>\r\n            <span class=\"copy-ref-name\">Minus Sign<\/span>\r\n            <span class=\"copy-ref-code\">U+2212<\/span>\r\n            <span class=\"copy-ref-note\"><\/span>\r\n            <button class=\"copy-btn\" data-char=\"\u2212\" onclick=\"copyChar(this)\">Copy<\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <script>\r\n        function copyChar(btn) {\r\n          const char = btn.getAttribute('data-char');\r\n          navigator.clipboard.writeText(char).then(() => {\r\n            btn.textContent = 'Copied!';\r\n            btn.classList.add('copy-btn--done');\r\n            setTimeout(() => {\r\n              btn.textContent = 'Copy';\r\n              btn.classList.remove('copy-btn--done');\r\n            }, 1800);\r\n          });\r\n        }\r\n      <\/script>\r\n      <div class=\"callout note\">\r\n        <span class=\"callout-icon\">\ud83d\udcdd<\/span>\r\n        <div class=\"callout-title\">Linux \/ Unicode input<\/div>\r\n        <div class=\"callout-body callout-content\">\r\n          On Linux with GTK applications, press <code>Ctrl + Shift + U<\/code>, release, then type the hex code point (e.g. <code>2013<\/code>), then press <code>Enter<\/code>. This inserts the character directly. Most terminal emulators and text editors also support Unicode escape sequences.\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <hr class=\"section-divider\">\r\n    <!-- SECTION 10 \u2014 TLDR -->\r\n    <div class=\"section\" id=\"tldr\">\r\n      <div class=\"section-label\">Section 10<\/div>\r\n      <h2>TL;DR Cheat Sheet<\/h2>\r\n      <div class=\"table-wrap\">\r\n        <table>\r\n          <thead>\r\n            <tr>\r\n              <th>Char<\/th>\r\n              <th>Name<\/th>\r\n              <th>Code<\/th>\r\n              <th>Plain-English Use<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr>\r\n              <td class=\"td-char\">&#8211;<\/td>\r\n              <td>Hyphen-Minus<\/td>\r\n              <td class=\"td-mono\">U+002D<\/td>\r\n              <td>Code, URLs, casual text \u2014 the keyboard default<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2010<\/td>\r\n              <td>Hyphen<\/td>\r\n              <td class=\"td-mono\">U+2010<\/td>\r\n              <td>Joining words: <em>well\u2010known<\/em>, <em>mother\u2010in\u2010law<\/em><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2011<\/td>\r\n              <td>Non-Breaking Hyphen<\/td>\r\n              <td class=\"td-mono\">U+2011<\/td>\r\n              <td>Hyphen that prevents line breaks<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2012<\/td>\r\n              <td>Figure Dash<\/td>\r\n              <td class=\"td-mono\">U+2012<\/td>\r\n              <td>Phone\/catalog numbers; width equals a digit<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2013<\/td>\r\n              <td>En Dash<\/td>\r\n              <td class=\"td-mono\">U+2013<\/td>\r\n              <td>Ranges: <em>1939\u20131945<\/em>, <em>pp. 12\u201345<\/em>, <em>3\u20131<\/em><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2014<\/td>\r\n              <td>Em Dash<\/td>\r\n              <td class=\"td-mono\">U+2014<\/td>\r\n              <td>Parenthetical breaks, emphasis, abrupt pauses<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2015<\/td>\r\n              <td>Horizontal Bar<\/td>\r\n              <td class=\"td-mono\">U+2015<\/td>\r\n              <td>Dialogue in non-English fiction; quotation attribution<\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td class=\"td-char\">\u2212<\/td>\r\n              <td>Minus Sign<\/td>\r\n              <td class=\"td-mono\">U+2212<\/td>\r\n              <td>Mathematics \u2014 not a dash, but often confused with one<\/td>\r\n            <\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n      <div class=\"tldr\">\r\n        <div class=\"tldr-title\">\ud83c\udfaf The one-paragraph summary<\/div>\r\n        <p>\r\n          The <strong style=\"color:#fff;\">hyphen-minus<\/strong> (<code style=\"background:#333;border-color:#444;color:#93c5fd;\">-<\/code>) is what your keyboard gives you \u2014 use it freely in code and casual writing. The <strong style=\"color:#fff;\">true hyphen<\/strong> (\u2010) joins compound words. The <strong style=\"color:#fff;\">en dash<\/strong> (\u2013) expresses ranges and complex compounds. The <strong style=\"color:#fff;\">em dash<\/strong> (\u2014) adds drama, parenthetical force, or interruption to prose. The <strong style=\"color:#fff;\">figure dash<\/strong> (\u2012) lines up with numerals in tables. The <strong style=\"color:#fff;\">horizontal bar<\/strong> (\u2015) opens dialogue in many non-English traditions. And the <strong style=\"color:#fff;\">minus sign<\/strong> (\u2212) belongs in maths, not prose.\r\n        <\/p>\r\n        <p>\r\n          Most readers will never notice the difference \u2014 but professional editors, typographers, and anyone whose work will be typeset in print absolutely will.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/article>\r\n<\/div>","protected":false},"excerpt":{"rendered":"There are at least seven distinct dash characters in Unicode\u2014and most people use only one of them, the humble hyphen-minus. It\u2019s the default, the easy choice, and often, the wrong one. Whether you\u2019re trying to indicate a range of numbers or a sudden break in thought, using the correct horizontal stroke is a mark of a writer who knows their craft.","protected":false},"author":1,"featured_media":117,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-characters","no-wpautop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Complete Guide to Dashes - CharacterCodes Blog<\/title>\n<meta name=\"description\" content=\"What&#039;s the difference between a hyphen, en dash, and em dash? This guide covers every Unicode dash character, with usage rules, examples, and one-click copy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Complete Guide to Dashes - CharacterCodes Blog\" \/>\n<meta property=\"og:description\" content=\"What&#039;s the difference between a hyphen, en dash, and em dash? This guide covers every Unicode dash character, with usage rules, examples, and one-click copy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/\" \/>\n<meta property=\"og:site_name\" content=\"CharacterCodes Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-18T02:51:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png\" \/>\n\t<meta property=\"og:image:width\" content=\"840\" \/>\n\t<meta property=\"og:image:height\" content=\"480\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.charactercodes.net\/blog\/#\/schema\/person\/756aa07230428706f227ac4e178a7977\"},\"headline\":\"The Complete Guide to Dashes\",\"datePublished\":\"2026-04-18T02:51:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/\"},\"wordCount\":2015,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png\",\"articleSection\":[\"Characters\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/\",\"url\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/\",\"name\":\"The Complete Guide to Dashes - CharacterCodes Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.charactercodes.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png\",\"datePublished\":\"2026-04-18T02:51:02+00:00\",\"author\":{\"@id\":\"https:\/\/www.charactercodes.net\/blog\/#\/schema\/person\/756aa07230428706f227ac4e178a7977\"},\"description\":\"What's the difference between a hyphen, en dash, and em dash? This guide covers every Unicode dash character, with usage rules, examples, and one-click copy.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#primaryimage\",\"url\":\"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png\",\"contentUrl\":\"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png\",\"width\":840,\"height\":480,\"caption\":\"guide to dashes\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.charactercodes.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Complete Guide to Dashes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.charactercodes.net\/blog\/#website\",\"url\":\"https:\/\/www.charactercodes.net\/blog\/\",\"name\":\"CharacterCodes Blog\",\"description\":\"Characters &amp; Emojis\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.charactercodes.net\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.charactercodes.net\/blog\/#\/schema\/person\/756aa07230428706f227ac4e178a7977\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/e188a164246c600f0cec7b14aec001469d0529676269f7d0fc364bfe2da4d7c2?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e188a164246c600f0cec7b14aec001469d0529676269f7d0fc364bfe2da4d7c2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e188a164246c600f0cec7b14aec001469d0529676269f7d0fc364bfe2da4d7c2?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/charactercodes.net\/blog1\"],\"url\":\"https:\/\/www.charactercodes.net\/blog\/author\/rspronk\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Complete Guide to Dashes - CharacterCodes Blog","description":"What's the difference between a hyphen, en dash, and em dash? This guide covers every Unicode dash character, with usage rules, examples, and one-click copy.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/","og_locale":"en_US","og_type":"article","og_title":"The Complete Guide to Dashes - CharacterCodes Blog","og_description":"What's the difference between a hyphen, en dash, and em dash? This guide covers every Unicode dash character, with usage rules, examples, and one-click copy.","og_url":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/","og_site_name":"CharacterCodes Blog","article_published_time":"2026-04-18T02:51:02+00:00","og_image":[{"width":840,"height":480,"url":"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#article","isPartOf":{"@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/"},"author":{"name":"admin","@id":"https:\/\/www.charactercodes.net\/blog\/#\/schema\/person\/756aa07230428706f227ac4e178a7977"},"headline":"The Complete Guide to Dashes","datePublished":"2026-04-18T02:51:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/"},"wordCount":2015,"commentCount":0,"image":{"@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png","articleSection":["Characters"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/","url":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/","name":"The Complete Guide to Dashes - CharacterCodes Blog","isPartOf":{"@id":"https:\/\/www.charactercodes.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#primaryimage"},"image":{"@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#primaryimage"},"thumbnailUrl":"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png","datePublished":"2026-04-18T02:51:02+00:00","author":{"@id":"https:\/\/www.charactercodes.net\/blog\/#\/schema\/person\/756aa07230428706f227ac4e178a7977"},"description":"What's the difference between a hyphen, en dash, and em dash? This guide covers every Unicode dash character, with usage rules, examples, and one-click copy.","breadcrumb":{"@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#primaryimage","url":"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png","contentUrl":"https:\/\/www.charactercodes.net\/blog\/wp-content\/uploads\/2026\/04\/guide-to-dashes.png","width":840,"height":480,"caption":"guide to dashes"},{"@type":"BreadcrumbList","@id":"https:\/\/www.charactercodes.net\/blog\/the-complete-guide-to-dashes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.charactercodes.net\/blog\/"},{"@type":"ListItem","position":2,"name":"The Complete Guide to Dashes"}]},{"@type":"WebSite","@id":"https:\/\/www.charactercodes.net\/blog\/#website","url":"https:\/\/www.charactercodes.net\/blog\/","name":"CharacterCodes Blog","description":"Characters &amp; Emojis","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.charactercodes.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.charactercodes.net\/blog\/#\/schema\/person\/756aa07230428706f227ac4e178a7977","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e188a164246c600f0cec7b14aec001469d0529676269f7d0fc364bfe2da4d7c2?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e188a164246c600f0cec7b14aec001469d0529676269f7d0fc364bfe2da4d7c2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e188a164246c600f0cec7b14aec001469d0529676269f7d0fc364bfe2da4d7c2?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/charactercodes.net\/blog1"],"url":"https:\/\/www.charactercodes.net\/blog\/author\/rspronk\/"}]}},"_links":{"self":[{"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/posts\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":2,"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/posts\/116\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/posts\/116\/revisions\/119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/media\/117"}],"wp:attachment":[{"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/media?parent=116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/categories?post=116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.charactercodes.net\/blog\/wp-json\/wp\/v2\/tags?post=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}