eHTML: tags with any names

Agreements

Idea

Which languages are necessary to known for database visualization? SQL, because it's database industrial standard. HTML, because it's visualization industrial standard. What's else? Nothing else.

Imagine, that request into a database has return a tree, consisting of arbitrary (unknown for brower) tags (for example, names of tags are coincide with names of tables of database). I offer to give characteristics to any tags and so to specify displaying of them in browser (we shall name this html as extended, extended html, eHTML). And to list characteristic of arbitrary tags in css-file (it's more simply, than to write xsl-file for them). It's necessary to look at old, already known html-tag as at html-tags with predetermined values of characteristics - but other tags can have the same set of characteristics.

Let, for example, browser has met unknown tag "anytag" with text "internal text" inside.

previous text
<anytag> internal text </anytag>
subsequent text

anytag {
  color: blue;
  font: italic bold;
}

Axes of visual characteristics as part of basis

If transition into new string should be before and after any tag, appropriate characteristic is not named for such case still. Let it will be newstring with values yes and no. Already known tags p, br, hr, table, caption, tr have value yes.

Placing into a columns can be executed independently for different document parts and derivate different columns width in each part. Separation of document part from each other should be executed by some tag with special characteristic. Let kind=table will be such characteristic. Only tag table from already known tags has this characteristic.

Thus, if there is following css-file

x { kind: table }
y { newstring: yes }

For symmetry we allow to fill table "by columns", and we enter characteristic type with values row (filling by rows, default value) and column (filling by columns) for tags table, tbody, tfoot, thead, table-dim. Characteristic type=column of tag table-dim results to transpose.

Division a document into parts for construction of lists and lines should be executed similarly - let there will be tags with characteristic kind=list and kind=line.

All tags, independent of their names, directly enclosed in tag with kind=list, are interpreted as list elements. Presence simultaneously several tags-elements of list with different names is possible.

All tags, independent of their names, directly enclosed in tag with kind=line, are interpreted as line elements. Presence simultaneously several tags-elements of line with different names is possible.

Characteristic kind specifies, what other characteristics exist in that tag.

Assignment of any value to this characteristic, include the old value, which is contained in it earlier, resets all other characteristic in "null".

That characteristic can have more than one values simultaneously.

Axes of semantic characteristics as part of basis

Characteristic semantics is intended for search robots. Its values are (characteristic can have several values simultaneously): address (country, site, email, phone - tags address, cite); idea (dfn), important (em, strong), quote (backquote, q); example (code), input (kbd), output (samp), rating, price, author, date. Characteristic semantics don't specify abbreviation, because it's easy to find abbreviation by such its kind, that all its letters is capital.

Appending of list of values

Table cells can be textbox-widgets directly (if you has edited a text in a table cell, then browser re-formats a table automatically). And copying from clipboard into several table cells at once is possible.

Values of all characteristics are distributed to all sub-tags. Two following css-files mean the same.

tag {
 kind: table;
}
sub_tag {
 newstring: yes;
}
sub_sub_tag {
 kind: area;
}

tag {
 kind: table area;
}
sub_tag {
 newstring: yes;
}
sub_sub_tag {

}

Any tag can be a label and a link simultaneously.

anytag {
 kind: mark link;
}

Extended pattern

<tag class=x attr1=y> {
  attr2=z
}

tag1.class1 tag2.class2 {}

<tag1 class=class1> <tag2 class=class2> { }