Некоторое время назад я наткнулся на сообщение Stackoverflow (отличный сайт), где какой-то ребенок спрашивал: «Могу ли я создать свои собственные HTML-теги?» Предположительно, ребенок не имел в виду идентификаторы или названия классов, которые любой может называть как угодно. OP (оригинальный постер) говорил о реальных тегах, таких как h1, h2 и т. Д. Теперь, если вы когда-либо проводили время на каком-либо форуме по программированию в Интернете, вы, вероятно, знаете, какие злоупотребления пришлось перенести этому ребенку, просто попросив невинный вопрос. На форумах по компьютерному кодированию обычный разговор идет примерно так:

Вопрос: Могу ли я сделать X?

Ответ №1: Зачем вам это нужно ?!

Ответ №2: Это плохая идея. Вы никогда не должны делать X.

Ответ №3: Вот JSfiddle, который вам не подходит.

Ответ №4: Классная идея, братан, но это определенно невозможно.

Ответ №5: Да, это возможно, но я не знаю, как это сделать.

Ответ №6: На самом деле, это несложно. Вот код, который работает.

Ответ №7: Эммм, я попробовал ответ №6, и он НЕ работает в IE8, поэтому используйте этот код на свой страх и риск.

Несмотря на то, что каждый и кто-либо говорит «нет» или предполагает, что это плохая идея, существует возможность (по крайней мере, со всеми основными современными браузерами) создать свой собственный язык разметки. Следующий код…

<!-- standard HTML -->
<h1>Normal H1 Tag</h1>
<p>This is a standard P paragraph.</p>
 
<!-- any tags you invent -->
<style>
foo { color: green; display: block; font-size: 35px; font-weight: bold; }
bar { color:red; }
spandex.isfunny { background:black; color:white; }
</style>
 
<foo>This is a FOO tag.</foo>
<bar>This is a BAR paragraph.</bar>
<bar><spandex class="isfunny">This is a SPANDEX (instead of a "span") within another BAR paragraph.</bar>

… Действительно хорошо разбирается и отображается в Chrome, IE, Safari и Firefox - независимо от того, что, почему, как и передовой опыт. Дело в том, что на момент написания этот код в браузерах отображается нормально, и в основном так же. Посмотри:

Хотя сообщество программистов может быть не в состоянии понять какой-либо мотив для этого, вполне возможно, что для чего-то вроде этого найдется новое применение. Вот несколько идей:

  • В качестве эксперимента по поисковой оптимизации… Может ли что-то, помеченное настраиваемой фразой с загруженными ключевыми словами (не просто названием класса, а фактическим тегом, например ‹widget›), сгенерировать какой-либо сок Google? Я сомневаюсь, что какие-либо серьезные сайты электронной коммерции захотят попробовать это, но никто никогда не знает.
  • Предполагая, что такая вещь может быть вредной для SEO, вполне может быть какое-то применение для этого с этой целью - то есть в некотором контексте где по какой-то гиперпараноидальной причине кто-то хочет запутать контент и / или сбивать с толку посещающих ботов. Опять же, я не могу придумать конкретный пример, но я полагаю, что что-то подобное могло бы быть интересным для создания. В сегодняшней атмосфере «посмотрите на меня, посетите мой сайт» есть что-то привлекательное в сайте, который активно не привлекает посетителей.
  • В то время как большинство людей ценят веб-стандарты, такие как теги H1, H2, H3 и т. Д., Имеющие некоторые предопределенные атрибуты и способы использования, можно представить, что дизайнер хочет начать с еще более абсолютной базовой линии, чем даже полностью не стилизованный HTML прикрепил.

Немного нестандартно, но вот оно…

✍🏻 Джим Ди ведет свой личный блог Хоторн Кроу и блог веб-дизайна Веб-дизайнер | Журнал веб-разработчиков . Он также участвует в различных публикациях Medium.com. Найдите его на JPDbooks.com, на его странице авторов Amazon, Facebook, Twitter, Instagram, LinkedIn, Medium или по электронной почте на сайте Jim [at] ArrayWebDevelopment.com. Его последний роман CHROO доступен на Amazon.com. Если вам нравятся юмористические литературные сказки, возьмите копию!