Компоненты повторного использования HTML

Question

У меня есть компонент HTML, который я хочу повторно использовать на нескольких страницах. Ради элегантности я хотел бы повторно использовать компонент, а не копировать и вставлять его.

Это сложный вопрос, в моих поисках я нашел this сообщение, которое просто говорит, что это невозможно в чистом html. Но затем я также нашел сообщение this, похоже, что он может выполнить именно то, что я хочу.
Итак, какой из них прав?

Для справки, здесь это компонент, который я пытаюсь повторно:

<div id="topbar" class="container"> 
    <div class="test1"> 
     <p> Style1 
    </div> 

    <div class="test2"> 
     <p> Style2 
    </div> 

    <div id="test3"> 
     <p> Style3 
    </div> 
</div> 

Answer 1

Pure HTML не имеет многократного использования компонентов Архитянин однако есть несколько вариантов.

• jQuery: Вы можете выполнить загрузку, чтобы захватить фрагмент HTML из файла и вставить его на свою страницу.
• Angular.Js: Вы можете создать настраиваемую директиву, которая действует как HTML-тег, но отображает как ваш фрагмент HTML.
• Сторона сервера Включает: Если эта функция включена в ваш сервер, вы можете это реализовать.
  • ASP: <!--#include file="my fragment file name"-->
• Сервер выполнение кода: Как на стороне сервера включает в себя, если вы работаете на сервере, который поддерживает PHP, ASP, Ruby, ASP.NET, или один из нескольких других языков, вы можете чтобы они вставляли код, вырезанный в ваш HTML на сервере.
  • ASP.NET C#: @MyStringVariable
  • PHP: include("my fragment file name");

Ваш вопрос является одним из первых шагать в огромном мире программного обеспечения и веб-разработки.

Answer 2

вы можете сделать это с боковым сервером языков, так что если вы используете PHP вы можете сделать это

include("MyMarkup.php"); 

или если вы используете ASP, вы можете сделать это

<!--#include file="includefile.asp"-->