chezmoi/private_dot_config/nvim/snippets/html.json

177 lines
3.2 KiB
JSON
Raw Normal View History

2025-07-16 17:22:02 +00:00
{
"HTML5 boilerplate": {
"prefix": "html5",
"body": [
"<!DOCTYPE html>",
"<html lang=\"$1\">",
"<head>",
" <meta charset=\"UTF-8\">",
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
" <title>$2</title>",
"</head>",
"<body>",
" $3",
"</body>",
"</html>"
],
"description": "HTML5 boilerplate"
},
"Div with class": {
"prefix": "div",
"body": [
"<div class=\"$1\">",
" $2",
"</div>"
],
"description": "Div with class"
},
"Div with id": {
"prefix": "divid",
"body": [
"<div id=\"$1\">",
" $2",
"</div>"
],
"description": "Div with id"
},
"Link": {
"prefix": "a",
"body": ["<a href=\"$1\">$2</a>"],
"description": "Link"
},
"Image": {
"prefix": "img",
"body": ["<img src=\"$1\" alt=\"$2\">"],
"description": "Image"
},
"Button": {
"prefix": "btn",
"body": ["<button class=\"$1\">$2</button>"],
"description": "Button"
},
"Input": {
"prefix": "input",
"body": ["<input type=\"$1\" name=\"$2\" placeholder=\"$3\">"],
"description": "Input"
},
"Form": {
"prefix": "form",
"body": [
"<form action=\"$1\" method=\"$2\">",
" $3",
"</form>"
],
"description": "Form"
},
"Unordered list": {
"prefix": "ul",
"body": [
"<ul>",
" <li>$1</li>",
"</ul>"
],
"description": "Unordered list"
},
"Ordered list": {
"prefix": "ol",
"body": [
"<ol>",
" <li>$1</li>",
"</ol>"
],
"description": "Ordered list"
},
"List item": {
"prefix": "li",
"body": ["<li>$1</li>"],
"description": "List item"
},
"Table": {
"prefix": "table",
"body": [
"<table>",
" <thead>",
" <tr>",
" <th>$1</th>",
" </tr>",
" </thead>",
" <tbody>",
" <tr>",
" <td>$2</td>",
" </tr>",
" </tbody>",
"</table>"
],
"description": "Table"
},
"Paragraph": {
"prefix": "p",
"body": ["<p>$1</p>"],
"description": "Paragraph"
},
"Heading 1": {
"prefix": "h1",
"body": ["<h1>$1</h1>"],
"description": "Heading 1"
},
"Heading 2": {
"prefix": "h2",
"body": ["<h2>$1</h2>"],
"description": "Heading 2"
},
"Heading 3": {
"prefix": "h3",
"body": ["<h3>$1</h3>"],
"description": "Heading 3"
},
"Span": {
"prefix": "span",
"body": ["<span class=\"$1\">$2</span>"],
"description": "Span"
},
"Section": {
"prefix": "section",
"body": [
"<section>",
" $1",
"</section>"
],
"description": "Section"
},
"Article": {
"prefix": "article",
"body": [
"<article>",
" $1",
"</article>"
],
"description": "Article"
},
"Header": {
"prefix": "header",
"body": [
"<header>",
" $1",
"</header>"
],
"description": "Header"
},
"Footer": {
"prefix": "footer",
"body": [
"<footer>",
" $1",
"</footer>"
],
"description": "Footer"
},
"Nav": {
"prefix": "nav",
"body": [
"<nav>",
" $1",
"</nav>"
],
"description": "Navigation"
}
}