Допускающие повторное использование компоненты представления в HTML
Можно ли создать допускающие повторное использование компоненты в HTML? Скажем, я хочу инкапсулировать некоторую CSS / HTML и js в опрятный допускающий повторное использование компонент. Как веб-разработчики делают это? Я происхожу из Flex, стороны C# планеты.
3 ответа
Как правило, вы можете поместить фрагменты в отдельный файл, который можно добавить с включением на стороне сервера:
<!--#include FILE="you_snippet.html" -->
Если у вас есть возможность, вы можете захотеть чтобы взглянуть на некоторые языки шаблонов, такие как Apache Velocity. В Velocity вы можете не только включать разные файлы, но и определять макросы, которые будут генерировать HTML за вас.
Вы можете использовать Server-Side Includes для прямого импорта фрагментов HTML (например, заголовка), но большинство фреймворков в наши дни имеют тенденцию подходить к вещам на более высоком уровне, например Apache Taglibs или шаблоны Django .
Это зависит от вашего окружения. HTML (в простом окружении) часто включается с помощью серверного include (синтаксис которого зависит от вашего сервера).
Таким образом, вы можете иметь:
<!-- #include header.html -->
<h1>Blog Page</h1>
<p>content...</p>
<!-- #include footer.html -->
Javascript включается извне, поэтому может быть вызван из любого места. Если вы находитесь в "простой" среде (без кода на стороне сервера, CMS и т.д.), вы можете вызвать module.js, который, в свою очередь, загрузит определенные стили CSS и внедрит в DOM нужный вам HTML.
Если вы используете CMS любого рода, у них часто есть идея модуля или плагины, которые обернут это для вас. С чем вы работаете?