Html document structure
1 html 2 head 3 @title 4 body 5 header 6 section 7 footer
<!--
artifact generator: /app/node_modules/@wizzi/plugin.html/lib/artifacts/html/document/gen/main.js
package: wizzi-web@
primary source IttfDocument: json:/index.html.ittf
utc time: Tue, 06 May 2025 00:39:29 GMT
-->
<!doctype html>
<html>
<head>
<title></title>
</head>
<body>
<header></header>
<section></section>
<footer></footer>
</body>
</html>
style tag with inclusion of a css wizzi model
1 html 2 head 3 @style 4 css 5 < body 6 font-family arial, verdana, sans-serif 7 font-size 13px 8 < h1, h2, h3 9 margin 0 10 . wrapper 11 margin 1rem 0.5rem
<!--
artifact generator: /app/node_modules/@wizzi/plugin.html/lib/artifacts/html/document/gen/main.js
package: wizzi-web@
primary source IttfDocument: json:/index.html.ittf
utc time: Tue, 06 May 2025 00:39:29 GMT
-->
<!doctype html>
<html>
<head>
<style>
body {
font-family: arial, verdana, sans-serif;
font-size: 13px;
}
h1, h2, h3 {
margin: 0;
}
.wrapper {
margin: 1rem 0.5rem;
}
</style>
</head>
</html>
script tag with inclusion of a js wizzi model
1 html 2 body 3 script 4 module 5 function sayHello 6 log 'Hello' 7 _ sayHello
<!--
artifact generator: /app/node_modules/@wizzi/plugin.html/lib/artifacts/html/document/gen/main.js
package: wizzi-web@
primary source IttfDocument: json:/index.html.ittf
utc time: Tue, 06 May 2025 00:39:29 GMT
-->
<!doctype html>
<html>
<body>
<script>
function sayHello() {
console.log('Hello', __filename);
}
sayHello();
</script>
</body>
</html>
json tag (not standard) with inclusion of a json model
1 html 2 body 3 json profile 4 { 5 name 'stefi' 6 job 'wizzi' 7 script 8 module 9 var p 10 _ JSON.parse 11 @ document.querySelector('#profile').text 12 log 'profile.name', p.name 13 log 'profile.job', p.job
<!--
artifact generator: /app/node_modules/@wizzi/plugin.html/lib/artifacts/html/document/gen/main.js
package: wizzi-web@
primary source IttfDocument: json:/index.html.ittf
utc time: Tue, 06 May 2025 00:39:29 GMT
-->
<!doctype html>
<html>
<body>
<script type="application/json" id="profile" >
{
"name": "stefi",
"job": "wizzi"
}
</script>
<script>
var p = JSON.parse(document.querySelector('#profile').text);
console.log('profile.name', p.name, __filename);
console.log('profile.job', p.job, __filename);
</script>
</body>
</html>
script tag with inclusion of a json model
1 html 2 head 3 body 4 div 5 a 6 href https://github.com/stfnbssl/wizzi 7 svg 8 rect 9 x 10 10 y 10 11 width 200 12 height 100
<!--
artifact generator: /app/node_modules/@wizzi/plugin.html/lib/artifacts/html/document/gen/main.js
package: wizzi-web@
primary source IttfDocument: json:/index.html.ittf
utc time: Tue, 06 May 2025 00:39:29 GMT
-->
<!doctype html>
<html>
<head></head>
<body>
<div>
<a href="https://github.com/stfnbssl/wizzi"><svg xmlns='http://www.w3.org/2000/svg'>
<rect x='10' y='10' width='200' height='100'></rect>
</svg>
</a>
</div>
</body>
</html>