[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"navigation":3,"url-settings":86,"blog-\u002Fblog\u002Fgetting-started-with-semantic-html":663,"blog-author-\u002Fblog\u002Fgetting-started-with-semantic-html":1176,"i-material-symbols:arrow-back-rounded":1191},{"id":4,"extension":5,"footer":6,"header":73,"meta":83,"stem":84,"__hash__":85},"navigation\u002Fdata\u002Fshared\u002Fnavigation.yml","yml",{"brand":7,"columns":13,"legal":63},{"name":8,"tagline":9,"downloadCta":10},"Pieces","The memory layer for modern work.",{"label":11,"href":12},"All downloads","\u002Fdownloads",[14,26,39,51],{"title":15,"links":16},"Product",[17,20,23],{"label":18,"href":19},"Pieces Desktop","\u002F",{"label":21,"href":22},"Pieces Enterprise","\u002Fenterprise",{"label":24,"href":25},"Pieces MCP","\u002Fmcp",{"title":27,"links":28},"Resources",[29,33,36],{"label":30,"href":31,"external":32},"Documentation","url:docs.home",true,{"label":34,"href":35},"Blog","\u002Fblog",{"label":37,"href":38,"external":32},"GitHub","url:github.org",{"title":40,"links":41},"Community",[42,45,48],{"label":43,"href":44,"external":32},"Discord","url:social.discord",{"label":46,"href":47,"external":32},"X \u002F Twitter","url:social.x",{"label":49,"href":50,"external":32},"LinkedIn","url:social.linkedin",{"title":52,"links":53},"Company",[54,57,60],{"label":55,"href":56},"About","\u002Fabout",{"label":58,"href":59},"Updates","\u002Fupdates",{"label":61,"href":62},"Contact","\u002Fcontact",[64,67,70],{"label":65,"href":66},"Privacy Policy","\u002Flegal\u002Fprivacy",{"label":68,"href":69},"Refund Policy","\u002Flegal\u002Frefund",{"label":71,"href":72},"Terms of Service","\u002Flegal\u002Fterms",{"links":74,"signIn":75,"contact":78,"cta":80},[],{"label":76,"href":77},"Sign in","url:portal.home",{"label":79,"href":62},"Get in touch",{"label":81,"href":82},"Download","url:routes.downloads",{},"data\u002Fshared\u002Fnavigation","VdirGIa8cUm6xLprbBeTKcw914JfyJjWfF-9hSVOX5Y",{"id":87,"extension":5,"links":88,"meta":660,"stem":661,"__hash__":662},"urlSettings\u002Fdata\u002Fshared\u002Furls.yml",[89,93,97,101,105,109,113,117,121,125,129,133,137,141,145,149,153,157,161,165,169,173,177,181,185,189,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,295,299,303,306,310,314,318,322,326,330,334,338,342,346,350,354,358,362,366,370,374,378,382,386,390,394,398,402,406,410,414,418,422,426,430,434,438,442,446,450,453,457,461,465,469,473,477,480,483,486,489,493,497,500,504,508,512,516,520,524,528,532,536,540,544,548,551,555,559,563,567,571,574,577,580,584,587,591,595,599,603,606,610,614,617,620,623,627,631,635,638,641,644,648,652,656],{"key":90,"label":91,"href":92},"downloads.desktop","Desktop download page","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fdownload",{"key":94,"label":95,"href":96},"downloads.macOS.dmgArm64","macOS DMG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fdmg-arm64\u002Fdownload",{"key":98,"label":99,"href":100},"downloads.macOS.dmgIntel","macOS DMG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fdmg\u002Fdownload",{"key":102,"label":103,"href":104},"downloads.macOS.pkg","macOS PKG","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg\u002Fdownload",{"key":106,"label":107,"href":108},"downloads.macOS.universal","Desktop macOS Universal","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fmacos-universal\u002Fdownload",{"key":110,"label":111,"href":112},"downloads.macOS.pkgArm64","Desktop macOS PKG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pfd-arm64\u002Fdownload",{"key":114,"label":115,"href":116},"downloads.macOS.pkgIntel","Desktop macOS PKG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pfd\u002Fdownload",{"key":118,"label":119,"href":120},"downloads.windows.appinstaller","Windows App Installer","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fappinstaller\u002Fpieces_for_x.appinstaller",{"key":122,"label":123,"href":124},"downloads.windows.exe","Windows EXE","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fwindows-exe\u002Fdownload",{"key":126,"label":127,"href":128},"downloads.windows.msix","Windows MSIX","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fwindows-msix\u002Fdownload",{"key":130,"label":131,"href":132},"downloads.windows.suiteManager","Windows Suite Manager","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_suite_windows\u002Fappinstaller\u002Fdownload",{"key":134,"label":135,"href":136},"downloads.linux.flatpakRepo","Linux Flatpak repository","https:\u002F\u002Fbuilds.pieces.app\u002Fpieces-flatpak-repo\u002Fpieces-flatpak.flatpakrepo",{"key":138,"label":139,"href":140},"downloads.linux.snapDesktop","Linux Snap Desktop","https:\u002F\u002Fsnapcraft.io\u002Fpieces-for-developers",{"key":142,"label":143,"href":144},"downloads.linux.snapPiecesOS","Linux Snap PiecesOS","https:\u002F\u002Fsnapcraft.io\u002Fpieces-os",{"key":146,"label":147,"href":148},"downloads.linux.snap","Desktop Linux Snap package","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fpieces_for_x\u002Fsnap\u002Fdownload",{"key":150,"label":151,"href":152},"downloads.piecesOS.macOS.dmgArm64","PiecesOS macOS DMG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fdmg-arm64\u002Fdownload",{"key":154,"label":155,"href":156},"downloads.piecesOS.macOS.dmgIntel","PiecesOS macOS DMG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fdmg\u002Fdownload",{"key":158,"label":159,"href":160},"downloads.piecesOS.macOS.universal","PiecesOS macOS Universal","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fmacos-universal\u002Fdownload",{"key":162,"label":163,"href":164},"downloads.piecesOS.macOS.pkgArm64","PiecesOS macOS PKG Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pos-launch-only-arm64\u002Fdownload",{"key":166,"label":167,"href":168},"downloads.piecesOS.macOS.pkgIntel","PiecesOS macOS PKG Intel","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-pos-launch-only\u002Fdownload",{"key":170,"label":171,"href":172},"downloads.piecesOS.windows.appinstaller","PiecesOS Windows App Installer","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fappinstaller\u002Fos_server.appinstaller",{"key":174,"label":175,"href":176},"downloads.piecesOS.windows.exe","PiecesOS Windows EXE","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fwindows-exe\u002Fdownload",{"key":178,"label":179,"href":180},"downloads.piecesOS.windows.msix","PiecesOS Windows MSIX","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fwindows-msix\u002Fdownload",{"key":182,"label":183,"href":184},"downloads.piecesOS.linux.snap","PiecesOS Linux Snap package","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fos_server\u002Fsnap\u002Fdownload",{"key":186,"label":187,"href":188},"downloads.combined.macOS.appleSilicon","Combined macOS installer Apple Silicon","https:\u002F\u002Fbuilds.pieces.app\u002Fstages\u002Fproduction\u002Fmacos_packaging\u002Fpkg-arm64\u002Fdownload",{"key":190,"label":191,"href":104},"downloads.combined.macOS.intel","Combined macOS installer Intel",{"key":193,"label":194,"href":195},"downloads.guides.macOS","macOS installation guide","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Fmacos-installation-guide",{"key":197,"label":198,"href":199},"downloads.guides.windows","Windows installation guide","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Fwindows-installation-guide",{"key":201,"label":202,"href":203},"downloads.guides.linux","Linux installation guide","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Flinux-installation-guide",{"key":205,"label":206,"href":207},"downloads.guides.piecesOS","PiecesOS manual installation","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os\u002Fmanual-installation",{"key":209,"label":210,"href":211},"extensions.chrome","Chrome extension","https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fpieces-save-code-snippets\u002Figbgibhbfonhmjlechmeefimncpekepm",{"key":213,"label":214,"href":215},"extensions.firefox","Firefox add-on","https:\u002F\u002Faddons.mozilla.org\u002Fen-US\u002Ffirefox\u002Faddon\u002Fpieces-save-code-from-the-web\u002F",{"key":217,"label":218,"href":219},"extensions.edge","Edge add-on","https:\u002F\u002Fmicrosoftedge.microsoft.com\u002Faddons\u002Fdetail\u002Fpieces-save-code-snippet\u002Fhglfimcdgonaeeobjckfdabcldfidmim",{"key":221,"label":222,"href":223},"extensions.vscode","VS Code extension","https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=MeshIntelligentTechnologiesInc.pieces-vscode",{"key":225,"label":226,"href":227},"extensions.visualStudio","Visual Studio extension","https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=MeshIntelligentTechnologiesInc.PiecesVisualStudio",{"key":229,"label":230,"href":231},"extensions.jetbrains","JetBrains plugin","https:\u002F\u002Fplugins.jetbrains.com\u002Fplugin\u002F17328-pieces--save-search-share--reuse-code-snippets",{"key":233,"label":234,"href":235},"extensions.obsidian","Obsidian plugin","https:\u002F\u002Fobsidian.md\u002Fplugins?id=pieces-for-developers",{"key":237,"label":238,"href":239},"extensions.sublime","Sublime package","https:\u002F\u002Fpackagecontrol.io\u002Fpackages\u002FPieces",{"key":241,"label":242,"href":243},"extensions.neovim","Neovim plugin","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fplugin_neo_vim",{"key":245,"label":246,"href":247},"extensions.jupyterlab","JupyterLab plugin","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fjupyterlab-pieces",{"key":249,"label":250,"href":251},"extensions.cli","Pieces CLI","https:\u002F\u002Fpypi.org\u002Fproject\u002Fpieces-cli\u002F",{"key":253,"label":254,"href":255},"docs.home","Documentation home","https:\u002F\u002Fdocs.pieces.app",{"key":257,"label":258,"href":259},"docs.getStarted","Get started docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces",{"key":261,"label":262,"href":263},"docs.api","API docs","https:\u002F\u002Fdocs.pieces.app\u002Fapi",{"key":265,"label":266,"href":267},"docs.desktop.overview","Desktop overview","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop",{"key":269,"label":270,"href":271},"docs.desktop.onboarding","Desktop onboarding","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fonboarding",{"key":273,"label":274,"href":275},"docs.desktop.timeline","Desktop timeline docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Ftimeline",{"key":277,"label":278,"href":279},"docs.desktop.summaries","Desktop summaries docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fsingle-click-summaries",{"key":281,"label":282,"href":283},"docs.desktop.search","Desktop conversational search docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fconversational-search",{"key":285,"label":286,"href":287},"docs.desktop.drive","Desktop drive docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fdrive",{"key":289,"label":290,"href":291},"docs.desktop.account","Desktop account settings docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fdesktop\u002Fconfiguration\u002Faccount",{"key":293,"label":294,"href":92},"docs.desktop.download","Desktop download docs",{"key":296,"label":297,"href":298},"docs.piecesOS.overview","PiecesOS overview docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies",{"key":300,"label":301,"href":302},"docs.piecesOS.details","PiecesOS details docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os",{"key":304,"label":305,"href":207},"docs.piecesOS.install","PiecesOS install docs",{"key":307,"label":308,"href":309},"docs.piecesOS.quickMenu","PiecesOS quick menu docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os\u002Fquick-menu",{"key":311,"label":312,"href":313},"docs.piecesOS.storage","On-device storage docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fon-device-storage",{"key":315,"label":316,"href":317},"docs.piecesOS.troubleshooting","PiecesOS troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fcore-dependencies\u002Fpieces-os\u002Ftroubleshooting",{"key":319,"label":320,"href":321},"docs.mcp.overview","MCP overview docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp",{"key":323,"label":324,"href":325},"docs.mcp.cursor","MCP Cursor docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fcursor",{"key":327,"label":328,"href":329},"docs.mcp.vscode","MCP VS Code docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fvs-code",{"key":331,"label":332,"href":333},"docs.mcp.claudeDesktop","MCP Claude Desktop docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fclaude-desktop",{"key":335,"label":336,"href":337},"docs.mcp.claudeCode","MCP Claude Code docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fclaude-code",{"key":339,"label":340,"href":341},"docs.mcp.claudeCowork","MCP Claude Cowork docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fclaude-cowork",{"key":343,"label":344,"href":345},"docs.mcp.githubCopilot","MCP GitHub Copilot docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fgithub-copilot",{"key":347,"label":348,"href":349},"docs.mcp.goose","MCP Goose docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fgoose",{"key":351,"label":352,"href":353},"docs.mcp.windsurf","MCP Windsurf docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fwindsurf",{"key":355,"label":356,"href":357},"docs.mcp.zed","MCP Zed docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fzed",{"key":359,"label":360,"href":361},"docs.mcp.jetbrains","MCP JetBrains docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fjetbrains-ides",{"key":363,"label":364,"href":365},"docs.mcp.continueDev","MCP Continue docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fcontinue-dev",{"key":367,"label":368,"href":369},"docs.mcp.cline","MCP Cline docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fcline",{"key":371,"label":372,"href":373},"docs.mcp.raycast","MCP Raycast docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fraycast",{"key":375,"label":376,"href":377},"docs.mcp.rovoDevCli","MCP Rovo Dev CLI docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Frovo-dev-cli",{"key":379,"label":380,"href":381},"docs.mcp.openaiCodexCli","MCP OpenAI Codex CLI docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fopenai-codex-cli",{"key":383,"label":384,"href":385},"docs.mcp.googleGeminiCli","MCP Google Gemini CLI docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fgoogle-gemini-cli",{"key":387,"label":388,"href":389},"docs.mcp.amazonQ","MCP Amazon Q docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Famazon-q-developer",{"key":391,"label":392,"href":393},"docs.mcp.chatgptDev","MCP ChatGPT Developer Mode docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fchatgpt-developer-mode",{"key":395,"label":396,"href":397},"docs.mcp.openclaw","MCP OpenClaw docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fopenclaw",{"key":399,"label":400,"href":401},"docs.mcp.mcpRemote","MCP Remote docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fmcp-remote",{"key":403,"label":404,"href":405},"docs.mcp.ngrok","MCP ngrok docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmcp\u002Fngrok-setup",{"key":407,"label":408,"href":409},"docs.troubleshooting.macOS","macOS troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Ftroubleshooting\u002Fmacos",{"key":411,"label":412,"href":413},"docs.troubleshooting.windows","Windows troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Ftroubleshooting\u002Fwindows",{"key":415,"label":416,"href":417},"docs.troubleshooting.linux","Linux troubleshooting docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fmeet-pieces\u002Ftroubleshooting\u002Flinux",{"key":419,"label":420,"href":421},"docs.privacy","Privacy and security docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fprivacy-security-your-data",{"key":423,"label":424,"href":425},"docs.support","Support docs","https:\u002F\u002Fdocs.pieces.app\u002Fproducts\u002Fsupport",{"key":427,"label":428,"href":429},"portal.home","Pieces portal","https:\u002F\u002Fportal.pieces.app",{"key":431,"label":432,"href":433},"site.home","Website home","https:\u002F\u002Fpieces.app",{"key":435,"label":436,"href":437},"site.about","About page","https:\u002F\u002Fpieces.app\u002Fabout",{"key":439,"label":440,"href":441},"site.features","Features page","https:\u002F\u002Fpieces.app\u002Ffeatures",{"key":443,"label":444,"href":445},"site.plugins","Plugins page","https:\u002F\u002Fpieces.app\u002Fplugins",{"key":447,"label":448,"href":449},"site.contact","Contact page","https:\u002F\u002Fpieces.app\u002Fcontact",{"key":451,"label":58,"href":452},"site.updates","https:\u002F\u002Fpieces.app\u002Fupdates",{"key":454,"label":455,"href":456},"site.news","News","https:\u002F\u002Fpieces.app\u002Fnews",{"key":458,"label":459,"href":460},"site.events","Community events","https:\u002F\u002Fpieces.app\u002Fcommunity\u002Fevents",{"key":462,"label":463,"href":464},"site.userStories","User stories","https:\u002F\u002Fpieces.app\u002Fuser-stories",{"key":466,"label":467,"href":468},"site.academy","Academy","https:\u002F\u002Fpieces.app\u002Flearn\u002Facademy",{"key":470,"label":471,"href":472},"site.support","Website support","https:\u002F\u002Fpieces.app\u002Fsupport",{"key":474,"label":475,"href":476},"site.standup","Standup","https:\u002F\u002Fpieces.app\u002Fstandup",{"key":478,"label":34,"href":479},"site.blog","https:\u002F\u002Fcode.pieces.app\u002Fblog",{"key":481,"label":43,"href":482},"social.discord","https:\u002F\u002Fdiscord.gg\u002Fgetpieces",{"key":484,"label":46,"href":485},"social.x","https:\u002F\u002Fx.com\u002Fgetpieces",{"key":487,"label":488,"href":485},"social.twitter","Twitter",{"key":490,"label":491,"href":492},"social.instagram","Instagram","https:\u002F\u002Fwww.instagram.com\u002Fgetpieces\u002F",{"key":494,"label":495,"href":496},"social.tiktok","TikTok","https:\u002F\u002Fwww.tiktok.com\u002F@getpieces",{"key":498,"label":49,"href":499},"social.linkedin","https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fgetpieces\u002F",{"key":501,"label":502,"href":503},"social.youtube","YouTube","https:\u002F\u002Fyoutube.com\u002F@getpieces",{"key":505,"label":506,"href":507},"github.org","GitHub organization","https:\u002F\u002Fgithub.com\u002Fpieces-app",{"key":509,"label":510,"href":511},"github.support","GitHub support","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fsupport",{"key":513,"label":514,"href":515},"github.issues","GitHub issues","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fsupport\u002Fissues",{"key":517,"label":518,"href":519},"github.discussions","GitHub discussions","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fsupport\u002Fdiscussions",{"key":521,"label":522,"href":523},"github.documentation","GitHub documentation","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fdocumentation",{"key":525,"label":526,"href":527},"github.opensource","GitHub open source","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fopensource",{"key":529,"label":530,"href":531},"github.sdks.python","Python SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-python",{"key":533,"label":534,"href":535},"github.sdks.typescript","TypeScript SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-typescript",{"key":537,"label":538,"href":539},"github.sdks.dart","Dart SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-dart",{"key":541,"label":542,"href":543},"github.sdks.kotlin","Kotlin SDK","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fpieces-os-client-sdk-for-kotlin",{"key":545,"label":546,"href":547},"github.plugins.obsidian","Obsidian plugin repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fobsidian-pieces",{"key":549,"label":550,"href":247},"github.plugins.jupyterlab","JupyterLab plugin repository",{"key":552,"label":553,"href":554},"github.plugins.sublime","Sublime plugin repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fplugin_sublime",{"key":556,"label":557,"href":558},"github.plugins.neovim","Neovim plugin repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fplugin_neovim",{"key":560,"label":561,"href":562},"github.cliAgent","CLI agent repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fcli-agent",{"key":564,"label":565,"href":566},"github.mcpDart","MCP Dart repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fmcp_dart",{"key":568,"label":569,"href":570},"github.awesomePieces","Awesome Pieces repository","https:\u002F\u002Fgithub.com\u002Fpieces-app\u002Fawesome-pieces",{"key":572,"label":573,"href":66},"legal.privacyPolicy","Privacy policy",{"key":575,"label":576,"href":69},"legal.refundPolicy","Refund policy",{"key":578,"label":579,"href":72},"legal.terms","Terms",{"key":581,"label":582,"href":583},"legal.security","Legal security","https:\u002F\u002Fpieces.app\u002Flegal\u002Fsecurity",{"key":585,"label":586,"href":503},"videos.youtubeChannel","YouTube channel",{"key":588,"label":589,"href":590},"videos.gettingStartedDesktop","Getting started desktop video","https:\u002F\u002Fyoutu.be\u002FdUr1lRM_TYk",{"key":592,"label":593,"href":594},"videos.snippetDiscoveryxR","Snippet discovery video","https:\u002F\u002Fyoutu.be\u002FG6vb1USw-30",{"key":596,"label":597,"href":598},"sales.bookACall","Book a sales call","https:\u002F\u002Fcalendar.app.google\u002FWVUDtUfNy5Vst3sH7",{"key":600,"label":601,"href":602},"sales.enterprise","Enterprise form","https:\u002F\u002Fgetpieces.typeform.com\u002Fto\u002FaVQFTvpE",{"key":604,"label":605,"href":519},"sales.feedback","Feedback discussions",{"key":607,"label":608,"href":609},"sales.earlyAccess","Early access form","https:\u002F\u002Fgetpieces.typeform.com\u002Fearlyaccess",{"key":611,"label":612,"href":613},"sales.supportEmail","Support email","mailto:support@pieces.app",{"key":615,"label":616,"href":19},"routes.home","Home route",{"key":618,"label":619,"href":56},"routes.about","About route",{"key":621,"label":622,"href":12},"routes.downloads","Downloads route",{"key":624,"label":625,"href":626},"routes.thanks","Post-install thanks route","\u002Finstall\u002Fthanks",{"key":628,"label":629,"href":630},"routes.pricing","Pricing route","\u002Fpricing",{"key":632,"label":633,"href":634},"cta.freeTrial","Start free trial CTA (Pieces Pro) — used by \u002Fcampaigns\u002F* landing pages","https:\u002F\u002Fcampaigns.pieces.app\u002F",{"key":636,"label":637,"href":22},"routes.enterprise","Enterprise route",{"key":639,"label":640,"href":62},"routes.contact","Contact route",{"key":642,"label":643,"href":59},"routes.updates","Updates route",{"key":645,"label":646,"href":647},"routes.migrationError","Migration error route","\u002Fmigration\u002Ferror",{"key":649,"label":650,"href":651},"routes.authenticated","Post-login authenticated route","\u002Fauth\u002Fsigned-in",{"key":653,"label":654,"href":655},"routes.signed-out","Signed out route","\u002Fauth\u002Fsigned-out",{"key":657,"label":658,"href":659},"routes.authentication-error","Authentication error route","\u002Fauth\u002Ferror",{},"data\u002Fshared\u002Furls","NLkVE1lIUws518K-1QsSB6T-GvlXYIzcRL1HDhqarGQ",{"id":664,"title":665,"author":666,"authorPhoto":667,"authorPhotoAlt":668,"authorSlug":669,"body":670,"buttonText":1163,"buttonUrl":1163,"category":1164,"date":1165,"description":1166,"draft":1167,"editorsPick":1167,"extension":1168,"featured":1167,"image":1169,"imageAlt":1170,"meta":1171,"navigation":32,"ogImage":1163,"ogImageAlt":1163,"path":1172,"seo":1173,"stem":1174,"tags":1163,"__hash__":1175},"blog\u002Fblog\u002Fgetting-started-with-semantic-html.md","Getting Started with Semantic HTML","Melvin Kosisochukwu","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fbuilding-a-fullstack-application-with-next-js-and-mongodb\u002Fauthor.jpeg","Melvin Kosisochukwu.","melvin-kosisochukwu",{"type":671,"value":672,"toc":1149},"minimark",[673,696,703,713,722,725,731,737,746,751,754,758,761,766,769,775,781,795,799,802,817,821,833,837,840,852,858,864,868,877,880,926,931,934,938,941,947,953,957,960,964,967,971,974,978,981,985,991,997,1003,1006,1013,1017,1024,1030,1036,1040,1049,1055,1061,1064,1070,1074,1079,1082,1088,1092,1122,1128,1134,1138],[674,675,676,677,681,682,681,685,681,688,691,692,695],"p",{},"As you know, HTML (HyperText Markup Language) is the essential building block of the web. All web applications use HTML to create structured documents for web pages. HTML indicates texts, images, and other contents on a web page using unique tags such as ",[678,679,680],"code",{},"\u003Cimg \u002F>",", ",[678,683,684],{},"\u003Chead>\u003C\u002Fhead>",[678,686,687],{},"\u003Cbody>\u003C\u002Fbody>",[678,689,690],{},"\u003Cp>\u003C\u002Fp>",", and ",[678,693,694],{},"\u003Cul>\u003C\u002Ful>",".",[674,697,698,699,702],{},"There are specific guidelines and rules for using HTML, and one of these rules is specifying the doctype for the HTML file. This is declared at the top of the file with ",[678,700,701],{},"\u003C!DOCTYPE >",". The doctype informs the browser of the HTML document type, ensuring that the browser renders the file using the relevant specification for the document. You can see the doctype declaration for HTML5 below:",[704,705,710],"pre",{"className":706,"code":708,"language":709},[707],"language-text","\u003C!DOCTYPE html>\n","text",[678,711,708],{"__ignoreMap":712},"",[674,714,715],{},[716,717,721],"a",{"href":718,"rel":719},"https:\u002F\u002Fmariah.pieces.cloud\u002F?p=33b6468ee8",[720],"nofollow","Save this code",[674,723,724],{},"Guidelines for writing HTML documents ensure that the browser correctly renders the document. These guidelines are followed by writing semantic HTML. However, the browser does not enforce HTML rules. For example, when a div element is used to render what should be a button, the browser will still render the file:",[704,726,729],{"className":727,"code":728,"language":709},[707],"\u003C!-- A div styled as a button -->\n\u003Cdiv>\n    Click Me \n\u003C\u002Fdiv>\n\n\u003C!-- A proper button -->\n\u003Cbutton>\n    Click Me\n\u003C\u002Fbutton>\n",[678,730,728],{"__ignoreMap":712},[674,732,733],{},[716,734,721],{"href":735,"rel":736},"https:\u002F\u002Fmariah.pieces.cloud\u002F?p=dd66478701",[720],[674,738,739,740,745],{},"In the HTML code above, you can style the two tags using ",[716,741,744],{"href":742,"rel":743},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FCSS",[720],"Cascading Style Sheet (CSS)"," to look like and function as a button.",[747,748,750],"h2",{"id":749},"what-is-semantic-html","What is Semantic HTML?",[674,752,753],{},"Semantic HTML involves writing HTML code that focuses not only on presentation, but also effectively describes the purpose of the document\u002Fcode blocks using required HTML tags and elements. Writing semantic HTML helps define a document for the browser and the developer.",[747,755,757],{"id":756},"the-importance-of-semantic-html","The Importance of Semantic HTML",[674,759,760],{},"Writing semantic HTML improves the browser readability of HTML documents, ensuring that the web page will be rendered correctly. Also, a good SEO practice is to use the proper tags when writing an HTML document; this will enable easier crawling of the web page. In addition, a properly written HTML document also helps improve other aspects of a web page, including structure, accessibility, styling, etc.",[762,763,765],"h3",{"id":764},"structure","Structure",[674,767,768],{},"Semantic HTML provides a better structure for web pages, whereas a code block describes what it presents. An example with appropriate tags can be seen here:",[704,770,773],{"className":771,"code":772,"language":709},[707],"\u003C!-- Ordered List -->\n\u003Col>\n    \u003Cli>\n        Item 1\n    \u003C\u002Fli>\n    \u003Cli>\n        Item 2\n    \u003C\u002Fli>\n\u003C\u002Fol>\n\n\u003C!-- Unordered List -->\n\u003Cul>\n    \u003Cli>\n        Item\n    \u003C\u002Fli>\n    \u003Cli>\n        Another Item\n    \u003C\u002Fli>\n\u003C\u002Ful>\n",[678,774,772],{"__ignoreMap":712},[674,776,777],{},[716,778,721],{"href":779,"rel":780},"https:\u002F\u002Fmariah.pieces.cloud\u002F?p=43cb4aa2fd",[720],[674,782,783,784,787,788,791,792,794],{},"The code block uses the ",[678,785,786],{},"\u003Col>\u003C\u002Fol>"," tag to represent a group of ordered list items, while the ",[678,789,790],{},"\u003Cli>\u003C\u002Fli>"," tag is used to distinguish each list item in the code. The ",[678,793,694],{}," tag groups a list of unordered items in the code block. Semantic HTML suggests to developers the type of data to put into the element\u002Fwhat will be displayed.",[762,796,798],{"id":797},"accessibility","Accessibility",[674,800,801],{},"The accessibility of a website for people with a disability depends significantly on the web page structure. Writing semantic HTML makes a web page more easily understood by screen readers, which improves accessibility for visually impaired audiences.",[674,803,804,805,808,809,812,813,816],{},"Further, semantic HTML simplifies finding useful blocks of codes, as opposed to sifting through ",[678,806,807],{},"\u003Cdiv>\u003C\u002Fdiv>"," tags. When looking for a block of code in a semantic HTML web page, search for the ",[678,810,811],{},"\u003Ccode>\u003C\u002Fcode>"," and ",[678,814,815],{},"\u003Cnav>\u003C\u002Fnav>"," tag to access the page navigation.",[762,818,820],{"id":819},"styling","Styling",[674,822,823,824,826,827,829,830,695],{},"Semantic HTML allows your web page to apply the user agent stylesheet properly; these are default styles given to a web page by the browser. Also, semantic HTML makes it easier to cascade styles in a custom style sheet. Referring back to the HTML lists above, if you need to style a specific ordered list item, you know that it must be a ",[678,825,790],{}," tag within a ",[678,828,786],{}," tag; thus, you can write the style selector: ",[678,831,832],{},"ol > li",[747,834,836],{"id":835},"how-to-write-semantic-html","How to Write Semantic HTML",[674,838,839],{},"In general, writing semantic HTML code goes beyond presentation and focuses on writing meaningful codes that describe its functionalities. To do this, we’ll use some unique tags and elements to describe sections of a web page.",[674,841,842,843,846,847,812,849,851],{},"The first building block in a web page is the doctype declared at the top of the document. Following this, we have the ",[678,844,845],{},"\u003Chtml>\u003C\u002Fhtml>"," tag, which wraps other elements in the document. Within the HTML tag, we have the ",[678,848,684],{},[678,850,687],{}," tag, respectively. The head tags hold information about the web page, while the body tag holds the web page contents:",[704,853,856],{"className":854,"code":855,"language":709},[707],"\u003C!DOCTYPE html>\n\u003Chtml lang=\"en\">\n\u003Chead>\n  \u003C!-- Web page information -->\n\u003C\u002Fhead>\n\u003Cbody>\n    \u003C!-- Web page content -->\n\u003C\u002Fbody>\n\u003C\u002Fhtml>\n",[678,857,855],{"__ignoreMap":712},[674,859,860],{},[716,861,721],{"href":862,"rel":863},"https:\u002F\u002Fmariah.pieces.cloud\u002F?p=3e04448f07",[720],[762,865,867],{"id":866},"semantic-elements-and-non-semantic-elements","Semantic Elements and Non-semantic Elements",[674,869,870,871,681,873,876],{},"Semantic elements are HTML elements that describe their content, while non-semantic elements hold no meaning for their content (e.g. ",[678,872,807],{},[678,874,875],{},"\u003Cspan>\u003C\u002Fspan>","). When writing HTML documents, you need to think carefully about the content of an element before choosing the tag that properly represents the content. For example, is it an article, section, ordered list, or unordered list? Thinking in this way helps you write meaningful HTML codes.",[674,878,879],{},"There are a handful of semantic HTML elements, but for this article, we’ll be covering the ones mentioned below;",[674,881,882,681,885,681,888,681,891,681,894,681,897,681,900,681,903,681,906,681,909,681,912,915,916,919,920,812,923,695],{},[678,883,884],{},"\u003Cheader>",[678,886,887],{},"\u003Cnav>",[678,889,890],{},"\u003Cmain>",[678,892,893],{},"\u003Caside>",[678,895,896],{},"\u003Carticle>",[678,898,899],{},"\u003Csection>",[678,901,902],{},"\u003Csummary>",[678,904,905],{},"\u003Cfigcaption>",[678,907,908],{},"\u003Cdetails>",[678,910,911],{},"\u003Cabbr>",[678,913,914],{},"\u003Ccode>",", heading groups ",[678,917,918],{},"\u003Ch1>"," - ",[678,921,922],{},"\u003Ch6>",[678,924,925],{},"\u003Cpicture>",[927,928,930],"h4",{"id":929},"header","Header",[674,932,933],{},"The header elements contain introductory elements for the web page, such as navigation items, logo, and hero section of the page.",[927,935,937],{"id":936},"nav","Nav",[674,939,940],{},"The nav tag holds useful links for navigating a current web page or to other pages in an HTML document:",[704,942,945],{"className":943,"code":944,"language":709},[707],"\u003C!-- Example of a navigation links -->\n\n\u003Cnav>\n    \u003Cul>\n        \u003Cli>\n            \u003Ca href=\"#hero\">\n                Hero link\n            \u003C\u002Fa>\n        \u003C\u002Fli>\n        \u003Cli>\n            \u003Ca href=\"page1.html\">\n                Page 1\n            \u003C\u002Fa>\n        \u003C\u002Fli>\n        \u003Cli>\n            \u003Ca href=\"page2.html\">\n                Page 2\n            \u003C\u002Fa>\n        \u003C\u002Fli>\n    \u003C\u002Ful>\n\u003C\u002Fnav>\n",[678,946,944],{"__ignoreMap":712},[674,948,949],{},[716,950,721],{"href":951,"rel":952},"https:\u002F\u002Fmariah.pieces.cloud\u002F?p=94cc488efe",[720],[927,954,956],{"id":955},"main","Main",[674,958,959],{},"The main element contains the primary content within the document body. It can be content that extensively explains or expands on information about the web page.",[927,961,963],{"id":962},"aside","Aside",[674,965,966],{},"The aside element holds secondary information not required to understand the web page.",[927,968,970],{"id":969},"article","Article",[674,972,973],{},"The article element is a piece of information that is independent and reusable. It can be removed from a web page, and the web page will still make sense.",[927,975,977],{"id":976},"section","Section",[674,979,980],{},"This element is a section of standalone information that another semantic element cannot adequately describe.",[927,982,984],{"id":983},"summary","Summary",[674,986,987,988,990],{},"This element defines a summary for a ",[678,989,908],{}," element block:",[704,992,995],{"className":993,"code":994,"language":709},[707],"\u003C!-- Example of a details and summary -->\n\n\u003Cdetails>\n    \u003Csummary>This is the summary for the full details \u003C\u002Fsummary>\n    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Hic, itaque. Lorem ipsum, dolor sit amet consectetur\n    adipisicing elit. Nostrum animi quaerat fugit ab corporis minima corrupti soluta odio harum deserunt, quae dicta\n    natus repellendus repellat facere sed quod delectus consectetur!\n\u003C\u002Fdetails>\n",[678,996,994],{"__ignoreMap":712},[674,998,999],{},[716,1000,721],{"href":1001,"rel":1002},"https:\u002F\u002Fmariah.pieces.cloud\u002F?p=746749b7eb",[720],[674,1004,1005],{},"When the summary element above it toggles the content in the details tag, it appears like this:",[674,1007,1008],{},[1009,1010],"img",{"alt":1011,"src":1012},"Clicking a dropdown to see a summary paragraph.","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fgetting-started-with-semantic-html\u002Fimg-001.gif",[927,1014,1016],{"id":1015},"figcaption","Figcaption",[674,1018,1019,1020,1023],{},"The figcaption element represents a caption that describes its parent ",[678,1021,1022],{},"\u003Cfigure>\u003C\u002Ffigure>"," tag:",[704,1025,1028],{"className":1026,"code":1027,"language":709},[707],"\u003C!--Example demonstrating how figcaption is used -->\n\n\u003Cfigure>\n    \u003Cimg src=\"sample-image.webp\" alt=\"a sample image\">\n    \u003Cfigcaption>\n        A sample image to demonstrate captions\n    \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n",[678,1029,1027],{"__ignoreMap":712},[674,1031,1032],{},[716,1033,721],{"href":1034,"rel":1035},"https:\u002F\u002Fmariah.pieces.cloud\u002F?p=385d409884",[720],[927,1037,1039],{"id":1038},"abbr","Abbr",[674,1041,1042,1043,1048],{},"The abbr element defines an abbreviation\u002Facronym; it has a title ",[716,1044,1047],{"href":1045,"rel":1046},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FHTML\u002FAttributes#attribute_list",[720],"attribute"," containing the expanded version:",[704,1050,1053],{"className":1051,"code":1052,"language":709},[707]," \u003C!-- How to use abbr tag -->\n\n    \u003Cabbr title=\"HyperText Markup Language\">HTML\u003C\u002Fabbr>\n",[678,1054,1052],{"__ignoreMap":712},[674,1056,1057],{},[716,1058,721],{"href":1059,"rel":1060},"https:\u002F\u002Fmariah.pieces.cloud\u002F?p=c0a942b253",[720],[927,1062,1063],{"id":678},"Code",[674,1065,1066,1067,1069],{},"The ",[678,1068,914],{}," tag displays its content as a computer code sample.",[927,1071,1073],{"id":1072},"heading-groups","Heading Groups ",[1075,1076,1078],"h1",{"id":1077},"to"," to ",[1080,1081],"h6",{"id":712},[674,1083,1084,1085,1087],{},"These semantic elements give their contents the role of headings, with priority levels from one to six. For example, the ",[678,1086,918],{}," represents the most important heading on the page. The browser user agent has a default style applied to the heading group tags that emphasize the priority level of each element.",[927,1089,1091],{"id":1090},"picture","Picture",[674,1093,1066,1094,1096,1097,1100,1101,1104,1105,1107,1108,1111,1112,1114,1115,1118,1119,1121],{},[678,1095,925],{}," tag allows you to provide different images for different contexts. It can contain zero or more ",[678,1098,1099],{},"\u003Csource>"," tags and a ",[678,1102,1103],{},"\u003Cimg>"," tag. When a ",[678,1106,1099],{}," condition is met, the ",[678,1109,1110],{},"srcset"," link will replace the ",[678,1113,1103],{}," placeholder; otherwise, the link in the ",[678,1116,1117],{},"src"," attribute for the ",[678,1120,1103],{}," tag is displayed:",[704,1123,1126],{"className":1124,"code":1125,"language":709},[707],"\u003Cpicture>\n  \u003Csource media=\"(min-width: 60em)\" srcset=\"images\u002Fdino-wide.jpg\">\n  \u003Csource media=\"(min-width: 38em)\" srcset=\"images\u002Fdino-rectangle.jpg\">\n  \u003Cimg src=\"images\u002Fdino-small.jpg\" alt=\"All the dinosaurs!\">\n\u003C\u002Fpicture>\n",[678,1127,1125],{"__ignoreMap":712},[674,1129,1130],{},[716,1131,721],{"href":1132,"rel":1133},"https:\u002F\u002Fmariah.pieces.cloud\u002F?p=c1b4448b5a",[720],[747,1135,1137],{"id":1136},"conclusion","Conclusion",[674,1139,1140,1141,1143,1144,695],{},"This article covered the importance of writing semantic HTML, as well as some semantic tags that describe their contents. It’s important to write semantic HTML to improve the accessibility of your web page. This type of HTML also makes it easy to read and describe each area of an HTML document. Writing semantic HTML also includes using the proper attributes for elements when required. An example of this is adequately using the alt attribute to describe the image linked to a ",[678,1142,1103],{}," tag and the type attribute to describe whether a button is a form submit button or a standard button. If you want to explore more semantic HTML elements, you can visit this web page for a ",[716,1145,1148],{"href":1146,"rel":1147},"https:\u002F\u002Flearn-the-web.algonquindesign.ca\u002Ftopics\u002Fhtml-semantics-cheat-sheet\u002F",[720],"semantic HTML cheat sheet",{"title":712,"searchDepth":1150,"depth":1150,"links":1151},2,[1152,1153,1159,1162],{"id":749,"depth":1150,"text":750},{"id":756,"depth":1150,"text":757,"children":1154},[1155,1157,1158],{"id":764,"depth":1156,"text":765},3,{"id":797,"depth":1156,"text":798},{"id":819,"depth":1156,"text":820},{"id":835,"depth":1150,"text":836,"children":1160},[1161],{"id":866,"depth":1156,"text":867},{"id":1136,"depth":1150,"text":1137},null,"Software Development","2022-10-17T00:00:00.000Z","HTML (HyperText Markup Language) is the essential building block of the web. Make sure you're using HTML correctly on your sites and web apps.",false,"md","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fblog\u002Fgetting-started-with-semantic-html\u002Fhero.jpeg","A semantic HTML component tree.",{},"\u002Fblog\u002Fgetting-started-with-semantic-html",{"title":665,"description":1166},"blog\u002Fgetting-started-with-semantic-html","eB2ytjdGNXTLikJBuUUo9nIJJEgMwNOj4JRFvD0Jxp4",{"id":1177,"title":666,"body":1178,"description":1182,"draft":1167,"extension":1168,"meta":1185,"navigation":32,"path":1186,"photo":1187,"photoAlt":1163,"seo":1188,"stem":1189,"__hash__":1190},"authors\u002Fauthors\u002Fmelvin-kosisochukwu.md",{"type":671,"value":1179,"toc":1183},[1180],[674,1181,1182],{},"Melvin is a JavaScript Engineer, technical writer, blockchain enthusiast, and gamer. A JavaScript lover and an individual who wants to share knowledge.",{"title":712,"searchDepth":1150,"depth":1150,"links":1184},[],{},"\u002Fauthors\u002Fmelvin-kosisochukwu","https:\u002F\u002Fstorage.googleapis.com\u002Fpieces-marketing-website\u002Fimages\u002Fauthors\u002Fmelvin-kosisochukwu.jpg",{"title":666,"description":1182},"authors\u002Fmelvin-kosisochukwu","XyP4TmRG3-qr_lWfz9E2PFniwdKm6-F5bI_AHLoO1Ss",{"left":1192,"top":1192,"width":1193,"height":1193,"rotate":1192,"vFlip":1167,"hFlip":1167,"body":1194},0,24,"\u003Cpath fill=\"currentColor\" d=\"m7.825 13l4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288t-.7-.288l-6.6-6.6q-.15-.15-.213-.325T4.426 12t.063-.375t.212-.325l6.6-6.6q.275-.275.688-.275t.712.275q.3.3.3.713t-.3.712L7.825 11H19q.425 0 .713.288T20 12t-.288.713T19 13z\"\u002F>"]