IPB

Здравствуйте, гость ( Вход | Регистрация )

22 страниц V  « < 20 21 22  
Reply to this topicStart new topic
> HTML - советуем, спрашиваем, делимся, "язык интернета"
Эроласт
сообщение 01 Aug 2016, 20:33 (Сообщение отредактировал Эроласт - 01 Aug 2016, 20:30)
Сообщение #421

Зануда
Сообщений: 2 236
Спасибо сказали: 2894 раза




Не, ну вообще есть спецификации WebComponents и CustomElements в их составе - http://www.html5rocks.com/en/tutorials/web...customelements/.

Вкратце - сейчас ведется разработка спецификации кастомных элементах в HTML. В принципе, проект довольно зрелый, и уже можно использовать (я бы не колебался, будь надобность). Мало того, в хроме уже есть поддержка нативно, но для кроссбраузерности, конечно, нужно подключить полифилл (небольшой, 5 килобайт).

Выглядит так:
Код
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Custom elements</title>
    <!-- Полифилл желательно должен стоять самым первым -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.7.22/CustomElements.min.js"></script>
    <script>
      // Зарегистрируем элемент - тогда его использование в коде будет полностью валидным.
      // Название, в принципе, может быть любым, единственное требование - в нем обязательно должен присутствовать дефис (для совместимости с дальнейшими расширениями html)
      document.registerElement("my-element");
    </script>
  </head>
  <body>
    <my-element>Траляля</my-element>
  </body>
</html>


Это, конечно, если ты хочешь писать по-правильному, придерживаясь стандартов. В принципе, можно рискнуть и попробовать использовать кастомные элементы просто так, но это недокументирование поле, здесь у браузеров могут быть любые прихоти.


Спасибо сказали:
Go to the top of the pageAdd Nick
 
+Quote Post

22 страниц V  « < 20 21 22
Reply to this topicStart new topic
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



Текстовая версия Сейчас: 29 March 2024 - 00:48
Copyright by Алексей Крючков
Strategy Gamez by GrayMage
Programming by Degtyarev Dmitry
  Яндекс.Метрика