Можно ли передавать дата-параметрами большиен данные?

Question

[vasilseodor]

Допустим. Есть попап окно. Есть также некое меню. Из 3 ссылок. Каждая ссылка выглядит так:

<a href="#" class="popup_peredaet" data-text="<h1>Наша футбольная команда</h1><p>Тут текст примерно на 3000 символов</p>">Команда</a>
<a href="#" class="popup_peredaet" data-text="<h1>Ближайшие матчи нашей деревни</h1><p>Тут текст примерно на 3000 символов</p>">Матчи</a>

Можно ли передавать такеи данные большие? В дата параметре. Т.к. не вариант делать 5 попап окон разных под каждую ссылку меню. Проще мне кажется датой. Но правильно ли?

Answer 1

[Игорь Воротнёв]

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

The algorithm described below places no limit on the depth of the DOM tree generated, or on the length of tag names, attribute names, attribute values, text nodes, etc. While implementors are encouraged to avoid arbitrary limits, it is recognized that practical concerns will likely force user agents to impose nesting depth constraints.

В HTML4 лимит был, но весьма большой. Точный размер не помню.

Comments

[vasilseodor]

data-text="Наша футбольная командаТут текст примерно на 3000 символов">Команда
то есть вот так можно? В том числе и код? А если он с классами?

[Игорь Воротнёв]

vasilseodor: Код? 3000 символов? Лучше используйте Ajax. На крайняк вкладывайте отдельный div с этим контентом, делайте его display:none что ли. Посмотрите Magnific Popup, он позволяет как инлайн-контент, так и аяксовый (как и много другого) выводить в попап. dimsemenov.com/plugins/magnific-popup

Use, don't overuse.