eHTML: теги с произвольными названиями

Соглашения

Идея

Какие языки нужно знать, чтобы визуализировать базу данных? SQL, потому что промышленный стандарт баз данных. HTML, потому что промышленный стандарт визуализации. Что еще? Больше ничего.

Представьте, что запрос в базу данных вернул вам дерево, состоящее из произвольных (неизвестных браузеру) тегов (например, названия тегов совпадают с названиями таблиц базы данных). Я предлагаю наделить любые теги свойствами и тем определить их отображение в браузере (назовем такой html расширенным, extended html, eHTML). И перечислять свойства произвольных тегов в css-файле (это проще, чем писать для них xsl-файл). Старые, уже известные html-теги нужно рассматривать как html-теги с заранее предопределенными значениями свойств - но таким же набором свойств могут обладать и другие теги.

Пусть, например, браузеру встретился незнакомый тег "anytag" с текстом "internal text" внутри.

предыдущий текст
<anytag> внутренний текст </anytag>
последующий текст

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

Оси визуальных свойств как часть базиса

Если до и после какого-либо тега должен произойти переход на новую строку, для такого случая соответствующее свойство все еще не названо. Пусть это будет newstring со значениями yes и no. Значением yes обладают ранее известные теги p, br, hr, table, caption, tr.

Выстраивание в колонки может быть выполнено автономно для разных частей документа и порождать разные ширины колонок в каждой части. Отделение частей документа друг от друга должно быть выполнено каким-либо тегом со специальным свойством. Пусть таким свойстваом будет kind=table. Из ранее известных тегов этим свойством обладал только тег table.

Таким образом, если определен css-файл

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

Для симметрии позволим заполнять документ "по-колонно", для чего для тегов table, tbody, tfoot, thead, table-dim введем свойство type со значениями row (заполнение по-строчно, значение по умолчанию) и column (заполнение по-колонно). Свойство type=column у тега table-dim приводит к транспонированию.

Аналогично должно быть выполнено отделение частей документа друг от друга для построения списков и линий - пусть это будут теги со свойствами kind=list и kind=line.

Все теги, не зависимо от их названия, непосредственно вложенные в тег с kind=list, интерпретируются как элементы списка. Может одновременно присутствовать несколько разноименных тегов-элементов списка.

Все теги, не зависимо от их названия, непосредственно вложенные в тег с kind=line, интерпретируются как элементы линии. Может одновременно присутствовать несколько разноименных тегов-элементов линии.

Свойство kind определяет, какие еще свойства существуют у данного тега.

Присвоение этому свойству любого значения, в т.ч. и того, которое содержалось в нем ранее, сбрасывает в "null" все остальные свойства тега.

Это свойство может иметь более одного значения одновременно.

Оси семантических свойств как часть базиса

Для поисковых роботов предназначено свойство semantics со значениями (свойство может иметь несколько значений одновременно): address (страна, сайт, электронная почта, телефон - теги address, cite); idea (dfn), important (em, strong), quote (backquote, q); example (code), input (kbd), output (samp), rating, price, author, date. Свойство semantics не описывает аббревиатуру, т.к. ее легко обнаружить по тому ее качеству, что все ее буквы - прописные.

Пополнение перечня значений

Ячейки таблицы могут быть текстовыми виджетами (полями ввода) непосредственно (отредактировал текст в ячейке таблицы - таблица автоматически переформатировалась). При этом возможно копирование из буфера обмена (clipboard) сразу в несколько ячеек таблицы.

Значения всех свойств распространяются на все под-теги. Следующие два css-файла означают одно и то же.

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

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

}

Некоторый тег может быть меткой и ссылкой одновременно.

anytag {
 kind: mark link;
}

Расширенный шаблон

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

tag1.class1 tag2.class2 {}

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