Как сделать свой тег язык
Обновлено: 08.07.2024
Ничего себе, я опубликовал это давно :) Учитывая, насколько хорошо getElementById () работает по сравнению с захватом по имени тега, и как такие вещи, как SVG, предоставляют совершенно новый набор функций вместе с их семантикой, я думаю, что пользовательские теги имеют меньше применения, чем я возможно изначально подумал. Спасибо всем за содержательные комментарии и ответы!
Вы можете использовать пользовательские теги в браузерах, хотя они не будут HTML5 (см. Допустимые ли пользовательские элементы HTML5? И спецификацию HTML5 ).
Предположим, вы хотите использовать настраиваемый элемент тега с именем . Вот что вам следует делать .
ШАГ 1
Нормализовать его атрибуты в таблице стилей CSS (подумайте об сбросе css) - Пример:
ШАГ 2
Чтобы заставить его работать в старых версиях Internet Explorer, вам нужно добавить этот скрипт в заголовок (важно, если он вам нужен для работы в более старых версиях IE!):
Затем вы можете свободно использовать свой собственный тег.
Не стесняйтесь также устанавливать атрибуты .
Совершенно верно. Не самая лучшая идея. Но совершенно правильно. Вы можете создать целую армию своих собственных тегов на своей странице и сделать их все обратно совместимыми с IE6, просто добавив массив всех имен тегов, которые вы хотите использовать, а затем создав каждый из них внутри цикла for , в заголовке страницы, прежде чем вы начнете использовать любой из них. Так в первую очередь работает html5shim. Просто будьте готовы приложить усилия, чтобы стилизовать их в старом IE. Кроме того, хотя я бы сказал, что это нормально для внутреннего использования, я бы не хотел учить людей этому делу. Вообще.
Согласен, написание собственных тегов не для слабонервных. Убедитесь, что вы тщательно его протестировали. Однако я хотел бы сказать одну вещь . не пишите CSS для IE6. Полная трата ресурсов и позволяет в дальнейшем использовать такой ужасный продукт, который даже не поддерживает Microsoft.
Очень важное замечание: хотя браузеры поддерживают создание настраиваемых элементов, они официально не поддерживаются стандартом HTML5. Технически кастомные элементы запрещены. Вы можете это сделать и сделать так, чтобы ваш HTML выглядел красиво и семантически важным, но если вы это сделаете, вы нарушите стандарт - если вам не все равно. :)
Затем есть , который был специфичным для Netscape, забыт в HTML4, переоткрыт и теперь указан в HTML5. А также у нас теперь есть настраиваемые атрибуты тегов, например data-XyZzz = ". ", разрешенные для всех тегов HTML5.
Итак, хотя вам не следует изобретать целый набор собственных нестандартных неуказанных разметок, иметь собственные теги в HTML не запрещено. Однако это так, если вы не хотите отправлять его с + xml Content-Type или встраивать другие пространства имен XML, такие как SVG или MathML. Это применимо только к HTML, ограниченному SGML.
То есть, он ничем не подкрепляет свое заявление. То, что это сказал Дуглас Крокфорд, не означает, что это правда.
Я делал это для некоторых проектов на моей последней работе. Несколько практических советов:
Недавно Telegram обновил свою платформу переводов, в которой появилась возможность создавать пользовательские локализации любых языков и диалектов мира.
Поэтому, если вам не хватает каких-то языков, или вас не устраивают существующие переводы, можно попробовать создать свой. А как это сделать — сейчас расскажем.
Short name — название вашего языкового пакета
Name — название языка на английском
Native name — название языка в оригинале
Base Language — базовый язык (используется для непереведенных фраз и определения правил множественного числа).
Теперь выберите платформу (например, Android), подтвердите выбор и можете приступать к самому переводу.
Для удобства все строки разделены на несколько групп (Чаты, Каналы, Профиль и т.д).
С какого места начинать перевод — не имеет значения. Открыв любую группу, вы увидите строки с изображением места, где они используются в мессенджере.
Вы можете переводить любые строки. Все непереведенные слова будут на базовом языке, выбранном ранее.
Ссылка на ваш перевод будет доступна на странице локализации. Чтобы применить язык, просто перейдите по ссылке и подтвердите выбор. Также этой ссылкой вы можете поделиться со всеми желающими.
А может, вы настолько разбираетесь в искусственных языках, что без труда объясните, что такое новояз или клингонский язык? Если да, то автор статьи крепко, хоть и дистанционно, жмет вам руку.
Но зачем мне создавать какой-то язык?
Наверное, именно эта мысль промелькнула у вас в голове. И правда, зачем? Можно же заняться чем-то поинтереснее.
Что ж, на этот случай у нас уже припасен ответ: для веселья, поистине интеллектуального и лингвистического.
Итак, вы решились на создание собственного языка. С чего же начать?
Типичные ошибки
К сожалению, без трудностей не обойтись. Скорее всего, первые шаги будут болезненными. Поэтому мы подготовили список ошибок, с которыми сталкиваются новички.
- Слишком трудное произношение. Часто, пытаясь создать оригинальное слово, люди слишком усложняют его: делают очень длинным, злоупотребляют сочетаниями нескольких согласных. Постарайтесь, чтобы слова звучали естественно и имели 3-4 слога.
- Злоупотребление диакритическими знаками. Вам, как создателю языка, это будет понятно. Но каково будет остальным?
- Неясно сформулированные правила. Это должны быть четкие, подчиняющиеся логике алгоритмы. В противном случае обучить кого-либо новому языку не получится.
Можно ли на этом заработать?
Конечно! И очень даже неплохо, если, например, продать его режиссеру, снимающему новый фильм.
В целом оценю время на базовое изучение html как 2-8 часов, остальное по желанию. Ну и, конечно же, время изучения зависит от заинтересованности. Рекомендую разбить на несколько дней по 20-30 минут.
Вы готовы? Тогда поехали!
Подключение к интернету для создания страницы на html нам НЕ нужно.
Нам понадобится
1) Выбираем текстовой редактор. На первое время достаточно Блокнота (Notepad) (в нём нам понадобится только команда Сохранить как)
2) для Mac и Linux
Bluefish Editor ( скачать )
2) Любой интернет-браузер, например, Internet Explorer для Windows или Safari для Mac OS X и iOS. Да-да, можно также Mozilla, Google Chrome, Opera, Yandex и Mail браузеры и тд.
Приступим к созданию страницы HTML
1) создаём на рабочем столе папку html . Это мы сделаем для того, чтобы уроки были структурированы и содержались в одном месте.
2) Создаём наш файл в текстовом редакторе, например в Блокноте (NotePad). Далее Сохранить как.
Кодировку лучше выбирать UTF-8, затем выбрать все типы файлов и выбрать название файла с .html на конце, например index.html
Выбираем в качестве директории (папки), куда сохранить, нашу html
Нажимаем сохранить. Готово!
Часто задают вопрос о том, что не видно расширения файла. Разберём по порядку
| Расширение имени файла - это последовательность символов, добавляемых к имени файла и предназначенных для идентификации типа (формата) файла. Проще говоря, это .txt .doc .exe .jpg и тд в конце названия файла |
Возможность видеть расширения файла может помочь в точном определении типа файла и даёт возможность вручную (при команде переименовать) сменить не только расширение, но и следовательно тип файла (например, с txt на html)
Но если же у Вас всё-таки названия файлов выглядят как в первом варианте (БЕЗ, например, .txt ; jpg ; .exe в конце названия файлов), делаем следующее:
Смотрим настройки файлов и папок:
3) вставляем в него Весь код (вместе с комментариями), указанный ниже:
4) открываем файл. Можете выбрать другой браузер для открытия данного файла, для этого нажимаем правую кнопку мыши на нашем файле index.html - Открыть с помощью и выбираем какой-нибудь браузер из списка, например, Internet Explorer, Google Chrome, Mozilla, Яндекс Браузер и тд.
В итоге, открыв Интернет-Браузером получившийся index.html , Вы должны увидеть страничку такого вида:
Рисунок 1.
На Рисунке 1 мы видим как в результате браузер отобразил Вашу страничку. Красным выделен текст следующих элементов:
В коде представленном снизу Вы сможете увидеть базовый минимум html-документа. Её нужно обязательно выучить и не путать местами открывающие и закрывающие теги.
Тег head выделяет головную часть документа. В ней прописываются элементы в основном связанные с помощью Браузеру в обработке элементов Вашей страницы (название, ключевые слова, авторство и тд) Конкретно о его содержимом мы поговорим позже.
Тег title обозначает Название страницы. Это единственный тег, содержащийся в head, который отображается на странице. То, что вписать после открывающего и перед закрывающим тегом и будет Названием Вашей страницы в Интернете
| Все отступы слева перед тегами в примерах Необязательны. Они сделаны для наглядности, чтобы Вы видели пары тегов |
Тег body обозначает Тело страницы. То, что вписать после открывающего и закрывающего тегов body и будет Содержимым Вашей страницы
Почти все теги в HTML открывающие и закрывающие (исключение, например, тег img, который обозначает вставку изображеия).
В очередной раз напомню, что Важно не забывать писать закрывающие теги для всех остальных типов тегов, иначе Браузер не поймёт где именно Вы хотели закончить тот или иной элемент. Как снизу:
Мы намерено после слова жирным забыли закрывающий тег b. В итоге браузер вывел следующее
Хочу выделить текст жирным, а этот уже курсивом
Как видите, текст до конца будет выделяться жирным, а тот, что подразумевался курсивом, тот будет и жирным, и курсивом. Так что будьте внимательны!
5) Если Вы хотите что-то подредактировать в Вашем файле index.html (а он теперь по умолчанию открывается только браузером), то тогда нажимаем правую кнопку мыши на нашем файле index.html - выбираем Открыть с помощью а из списка выбираем уже текстовой редактор, это будет либо Блокнот (в англ. Notepad), либо установленный Вами другой текстовой редактор.
В принципе азы объяснил. Пока html-страница выглядит достаточно просто, но в следующих уроках я подробно расскажу Вам об этих и других элемента и их назначении - будем вставлять изображения, делать ссылки и много другого интересного)
Читайте также: