You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -16,27 +16,27 @@ It comes as a script that plugs diretly into the DOM and have new semantics take
16
16
17
17
## Capabilities
18
18
19
-
### `1. |` A component system
19
+
### `1 | ` A component system
20
20
21
21
OOHTML enables a simple "define-and-use" system in HTML that is based on two complementary elements — the `<template>` and `<import>` elements. It makes it really easy to share repeating structures and stay organized.
22
22
23
-
### `2. |` Data-binding and reactivity
23
+
### `2 | ` Data-binding and reactivity
24
24
25
25
OOHTML gives HTML the concept of data-binding (`{ expression }`) and reactivity that lets you embed application data in markup and have them stay in sync with application state. You get framework-grade reactivity without the overhead.
26
26
27
-
### `3. |` New scoping behaviours
27
+
### `3 | ` New scoping behaviours
28
28
29
29
OOHTML extends the existing CSS scoping system to support the familiar `<style scoped>` syntax, introduces scoping for scripts (`<script scoped>`), and solves namespacing for IDs (`namespace`). They form a complete scoping system that is both declarative and powerful.
30
30
31
31
## Overview
32
32
33
33
All of the above can be seen in a three-step tour. Each sample document below can be previewed directly in the browser:
34
34
35
-
### `1. |` Write HTML as Reusable Components
35
+
### `1 | ` Write HTML as Reusable Components
36
36
37
37
At its core, OOHTML is a component system. It lets you write HTML as reusable components.
38
38
39
-
The standard `<template>` element already lets you define reusable markup. OOHTML completes the idea by introducing the `<import>` element. Together, they form a declarative component system.
39
+
The standard `<template>` element already lets you define reusable markup. OOHTML completes the idea by introducing the `<import>` element.
40
40
41
41
You write the following:
42
42
@@ -98,7 +98,7 @@ It resolves to the following, at runtime:
98
98
> [!NOTE]
99
99
> Later we'll cover the various usage patterns supported by the `<template>` and `<import>` system. We will also introduce file-based components and remote imports.
100
100
101
-
### `2. |` Do Data-Binding with Standard HTML Comments
101
+
### `2 | ` Do Data-Binding with Standard HTML Comments
102
102
103
103
As a complete component system, OOHTML extends the DOM to support data-binding and reactivity.
104
104
@@ -165,7 +165,7 @@ It resolves to the following, at runtime:
165
165
> [!NOTE]
166
166
> Later we'll cover OOHTML's attribute-based binding syntax. We'll also formally introduce Mutation-Based Reactivity – the form of reactivity that OOHTML is based on.
167
167
168
-
### `3. |` More Typical Usage Patterns
168
+
### `3 | ` More Typical Usage Patterns
169
169
170
170
From the component and data-binding systems above to the scoping system yet to be discussed – OOHTML's features compose nicely into various usage patterns.
0 commit comments