DinamytE at 21:46, 12 July 2008

2008-07-12T21:46:50Z

New page

= XOXO =

<abbr title="Extensible Open XHTML Outline">XOXO</abbr> — это микроформат, с помощью которого вы можете разметить на странице информацию о её содержимом, создать оглавление или обособить методы навигации по содержимому на странице. XOXO — это один из [[microformats-ru|микроформатов]].

{{authoring-ru|date=1 октября 2004 года
|authors=
; Редакторы
: [http://tantek.com/ Tantek Çelik] ([http://technorati.com Technorati, Inc])

; Авторы
: [http://epeus.blogspot.com/ Kevin Marks] ([http://technorati.com Technorati, Inc])
: [http://tantek.com/ Tantek Çelik] ([http://technorati.com Technorati, Inc], ранее в [http://microsoft.com/ Microsoft Corporation])
: [http://diveintomark.org/ Mark Pilgrim] ([http://ibm.com IBM])
: [http://www.blogologue.com/ Morten W. Petersen]
|rights=Данная спецификация находится под лицензией Public Domain ([[User:Tantek|страница Тантека]]).}}


{{TOC-right}}


== Преамбула ==
Данный формат был предложен при обсуждении [http://developers.technorati.com/wiki/attentionxml Attention.xml] Тантеком, который указал на то, что очень часто на страницах используются подобные структуры данных (например, список соседей в блогролле). Было предложено создать такой формат, который легко бы обрабатывался браузерами, не нарушая при этом его строгой и иерархичной структуры.

=== Имя ===
XOXO (Extensible Open XHTML Outline) — расширяемая сводка содержимого, оглавление и т.п. Произносится как «Икс-о-икс-о», «Жо-жо» или «Шо-шо».

== Общее описание ==
XOXO — это один из [[microformats-ru|микроформатов]]. Данная спецификация определяет новый тип в XHTML, который основан на [http://www.w3.org/TR/xhtml-modularization модульности] последнего. Назначение XOXO указано в преамбуле.

== Тип документа XOXO ==
XOXO построен на основе следующих элементарных XHTML-модулей. Элементы, атрибуты и минимальное содержимое указано в «Модуляризации XHTML» ([http://www.w3.org/TR/xhtml-modularization см. подробности]). Элементы указаны здесь в информативных целях; нормативно он указаны в ранее упомянутом документе W3C.

[http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_structuremodule Структурный модуль (structure module)]
body, head, html, title
[http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_hypertextmodule Модуль гиперссылок (hypertext module)]
a
[http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_listmodule Модуль список (list module)]
dl, dt, dd, ol, ul, li
[http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_metamodule Модуль метаинформации (metainformation module)]
meta
[http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_stylemodule Модуль стилей (stylesheet module)]
Элемент style
[http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_styleattributemodule Модуль атрибутов стилей (style attribute module)]
Атрибут style
[http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_linkmodule Модуль прикрепляемого содержимого (link module)]
link
[http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_legacymodule Модуль атрибутов списков (legacy module)]
Атрибут compact в элемента ol и ul

== XMDP ==

См. [[xoxo-profile-ru|XMDP XOXO профиль]].

== Простой XOXO фрагмент ==

=== Разметка ===

<pre><nowiki><ol class='xoxo'>
<li>Тема 1
<ol>
<li>Подтема А</li>
<li>Подтема Б</li>
</ol>
</li>
<li>Тема 2
<ol compact="compact">
<li>Подтема В</li>
<li>Подтема Г</li>
</ol>
</li>
<li>Тема 3
<ol>
<li>Подтема Д</li>
</ol>
</li>
</ol>
</nowiki></pre>

=== Рендеринг ===
<pre><nowiki>
1. Тема 1
a. Подтема А
b. Подтема Б
2. Тема 2
3. Тема 3
a. Подтема Д
</nowiki></pre>

=== Использование атрибута 'compact' ===

Использование атрибута ''compact'' указывает на скрытие даной ветки (подветки). Отсутствие данного атрибута где-либо говорит об обратном.

=== Возможные стили по умолчанию. ===

<pre><nowiki>
ol.xoxo { list-style:decimal; }
ol.xoxo ol { list-style:lower-latin; }
ol[compact="compact"] { display:none; }
</nowiki></pre>

== Простые примеры ==

MarkP has a set of examples that demonstrates both the simplicity of the markup and the presentational richness that is possible:

* [http://diveintomark.org/public/2004/01/xo-flat.xo Простой XO-файл, который можно внедрить в XHTML-страницу]
* [http://diveintomark.org/public/2004/01/xo-embeddable.xo XO с вложенными группами, может быть напрямую интегрирован в XHTML]
* [http://diveintomark.org/public/2004/01/xo-standalone.xo XO как отдельная XHTML-страница] ([http://validator.w3.org/check?uri=http%3A%2F%2Fdiveintomark.org%2Fpublic%2F2004%2F01%2Fxo-standalone.xo валидный XHTML])
* [http://diveintomark.org/public/2004/01/xo-with-style.xo XO как отдельная XHTML-страница с CSS-стилями] ([http://validator.w3.org/check?uri=http%3A%2F%2Fdiveintomark.org%2Fpublic%2F2004%2F01%2Fxo-with-style.xo также валидный XHTML])
* [http://homepage.mac.com/ctholland/thelab/outlines/ Chris Holland Outline Helper]: настройки вышеприведённых примеров, CSS, руководство к [http://homepage.mac.com/ctholland/thelab/outlines/outlines.css outlines.css] и [http://homepage.mac.com/ctholland/thelab/outlines/outlines.js outlines.js], различные комбинации ul/ol/li с атрибутом ''compact''.


== Основные свойства оглавлений ==
Оглавления часто состоят из иерархии пунктов и подпунктов. Каждый пункт может иметь несколько свойств (т.н. метаданные), которые должны быть представлены. Вот некоторые свойства:

* text
* description
* url (часто называется xmlurl или htmlurl; иногда — permalink)
* title
* type (указание MIME-типа документа по URL)

В целом, свойства пункта на элементе <code><nowiki><li></nowiki></code> отображаются через вложенный лист <code><nowiki><dl></nowiki></code>. Строго говоря, это первый <code><nowiki><dl></nowiki></code> внутри <code><nowiki><li></nowiki></code> перед последующим <code><nowiki><ol></nowiki></code>, <code><nowiki><ul></nowiki></code> или <code><li></code>.

Например:

<pre><nowiki>
<ol class='xoxo'>
<li>Пункт 1
<dl>
<dt>description</dt>
<dd>Данный пункт описывает основное, что мы должны сделать, к примеру.</dd>
</dl>
<ol>
<li>Подпункт А</li>
<li>Подпункт Б</li>
</ol>
</li>
</nowiki></pre>

=== Специальные свойства оглавлений ===
Существует также некоторое количество специальных свойств, которые мы можем представить более семантично, используя существующие блоки XHTML. Наиболее часто используемые свойства:

* text
* url
* title
* type
* rel (отношение, relation)

Например:

<pre><nowiki>
<ol class='xoxo'>
<li>
<dl>
<dt>text</dt>
<dd>Пункт 1</dd>
<dt>description</dt>
<dd>Данный пункт описывает основное, что мы должны сделать, к примеру.</dd>
<dt>url</dt>
<dd>http://example.com/more.xoxo</dd>
<dt>title</dt>
<dd>Заголовок 1 пункта</dd>
<dt>type</dt>
<dd>text/xml</dd>
<dt>rel</dt>
<dd>help</dd>
</dl>
</li>
</nowiki></pre>

Помимо этого, используя преимущества семантики элемента ''a'', мы можем во многих случаях упростить более общие случаи разметки. Парсеры же должны смотреть на первый элемент ''a'', вложенный в <code><nowiki><li></nowiki></code>.

Пример XOXO с использованием элемента ''a'':

<pre><nowiki>
<ol class='xoxo'>
<li><a href="http://example.com/more.xoxo"
title="Заголовок пункта 1"
type="text/xml"
rel="help">Пункт 1</a>

<dl>
<dt>description</dt>
<dd>Данный пункт описывает основное, что мы должны сделать, к примеру.</dd>
</dl>
</li>
</nowiki></pre>

Все другие свойства добавляются аналогично использованному нами свойству description..

=== Свойства с мультизначениями ===

Свойства, которые могут принимать не одно, а несколько, значений, могут быть внедрены путём использования списков, вложенных в требуемый элемент <code>dl</code>:

<pre><nowiki>
<ol class='xoxo'>
<li>item 1
<dl>
<dt>multivalproperty1</dt>
<dd><ul>
<li>value-a</li>
<li>value-b</li>
</ul></dd>
</dl>
</li>
</ol>
</nowiki></pre>

== Публикация XOXO ==

XOXO может быть опубликован в двух формах:
* Валидный XHTML
* Валидный XML

=== XOXO в валидном XHTML ===

Валидная XOXO-страница — это полный XHTML-документ.

<pre><nowiki>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Страница XOXO</title>
</head>
<body>
<ol class="xoxo">
<li><a href="URL-one">Текст 1</a></li>
<li><a href="URL-two">Текст 2</a></li>
...
</ol>
</body>
</html>
</nowiki></pre>

=== XOXO в валидном XML ===

Корневой элемент в случае внедрения XOXO в XML — это <code>ol</code> или <code>ul</code> с именем класса ''xoxo''. Такой вариант идеален для синдикации и внедрения/использования в (X)HTML-страницы через [[rest/ahah-ru|AHAH]].

<pre><nowiki>
<ol class="xoxo">
<li><a href="URL-one">Текст 1</a></li>
<li><a href="URL-two">Текст 2</a></li>
...
</ol>
</nowiki></pre>

=== Content-Type ===

Валидный XHTML XOXO следует отдавать со следующим Content-Type заголовком для достижения максимальной совместимости:

<pre><nowiki>
Content-Type: text/html; charset=utf-8
</nowiki></pre>

Он должен быть отдан с одним из следующих заголовков:

<pre><nowiki>
Content-Type: text/html; charset=utf-8
Content-Type: application/xhtml+xml
Content-Type: application/xml
</nowiki></pre>

== Примеры в сети ==
''Данный раздел является информативным.''

Существует довольно большое количество примеров (возможного) внедрения XOXO. Например, почти каждый blogroll может быть обработан как XOXO, так как они обычно являются несортированными списками или списками с гиперссылками, которые дозволены XOXO-профилем.

* [http://api.talis.com/bf/stores/ukbib/services/facet?query=feynman&fields=title%2Csubject&top=10&output=html Один из примеров применения]

== Реализации ==
''Данный раздел является информативным.''

* CVarious [[s5-tools|S5 tools]]
* [http://chneukirchen.org/blog/ Christian Neukirchen] написал [http://chneukirchen.org/blog/archive/2006/01/xoxo-rb-0-1-released.html XOXO-парсер и генератор для Ruby]
* [http://odeo.com Odeo] публикует подписки в XOXO. См. [http://odeo.com/profile/RyanKing/xoxo список Ryan King].
* [http://www.decafbad.com/blog/ Les Orchard] написал [http://www.decafbad.com/blog/2005/07/12/xoxo_outliner_experiment XOXO-редактор] с использованием [http://www.decafbad.com/2005/07/map-test/tree2.html JavaScript].
* [http://homepage.mac.com/ctholland/thelab/outlines/ Демонстрация] динамического интерактивного XOXO.
* [http://tool-man.org/examples/sorting.html Другая демонстрация] сортируемых и перемещаемых динамических XOXO-списков, созданых с помощью CSS и JavaScript.
* [http://www.opendarwin.org/~drernie/xoxo-datatypes.html Отображение XOXO] на [http://developer.apple.com/documentation/Cocoa/Conceptual/PropertyLists/Concepts/XMLPListsConcept.html списки свойств Mac OS X]
* [http://weblog.techno-weenie.net/2005/9/30/if_i_had_a_tumblelog Конвертация XOXO в HTML]

=== Примеры кода ===

* См. [[xoxo-sample-code-ru|страницу с примерами]].
* См. также [[xoxo-compact-sample-ru|примеры с атрибутом ''compact'']], с исходными кодами CSS и JavaScript реализации свойства ''compact'' для XOXO.

== XOXO-схемы ==
''Данный раздел является информативным.''

* [[DTDs-ru|DTD-документы]]
* [http://www.nidelven-it.no/projects/XOXO/xoxo-0.1.tgz Схемы XOXO (Relax NG и DTDs)]

== Ссылки ==

=== Нормативные ===
* [http://www.w3.org/TR/xhtml1 XHTML 1.0]
* [http://www.w3.org/TR/xhtml-modularization Модуляризация XHTML]
* [http://gmpg.org/xmdp/ XMDP]
* [http://gmpg.org/xfn/ XFN]

=== Информативные ===
''Данный раздел является информативным.''

* [http://developers.technorati.com/wiki/attentionxml Attention.xml]
* [[VoteLinks-ru|VoteLinks]]
* [http://www.w3.org/TR/xhtml11 XHTML 1.1]
* [http://opml.scripting.com/spec OPML 1.0]
* См. также [http://developers.technorati.com/wiki/XOXO Technorati Wiki для разработчиков]

==== Подобные работы ====
* [http://dannyayers.com/archives/001961.html XHTML Outlines] - подобная идея (октябрь 2003 года, месяц перед тем, как Тантек и Кевин пришли к XOXO) (DannyAyers).
* [http://semtext.org/2004-02/ XOW] - Как сделать их редактируемыми, экспортируемыми в RDF и используемыми в закладках (DannyAyers).
* [http://en.wikipedia.org/wiki/XBEL XBEL — XML Bookmark Exchange Language]
* [http://en.wikipedia.org/wiki/OPML OPML (Outline Processor Markup Language)], XML-формат для списков оглавлений.

==== Связанные работы ====
* [http://patricklogan.blogspot.com/2005/08/lists-really-can-we-expect-better.html Patrick Logan: почему OPML и Microsoft Lists могут не понадобиться].

==== Несвязанные работы ====
* [http://www.questionablecontent.net/view.php?comic=493 Questionable Content comic #493] — комикс на тему XOXO.

==== Продвижение XOXO ====
* [http://www.xoxo.com/home.php Линия одежды XOXO]

== Обсуждения ==
Работа над спецификацией всё ещё продолжается. Отдельные аспекты реализации XOXO ещё обсуждаются. Вы можете посмотреть текущие наработки и идеи:

* См. [[xoxo-brainstorming|брейнсторминг (англ.)]].
* См. также [http://www.technorati.com/cosmos/referer.html блоги по теме].
** [http://blogxoxo.blogspot.com/ Блог о XOXO]

== См. также ==
* [[xoxo-faq-ru|XOXO FAQ]]
* [[xoxo-issues-ru|Вопросы о XOXO]]

xoxo-ru - Revision history

DinamytE at 21:46, 12 July 2008