Може ли

Question

освен CSS да се зареждат секции HTML съдържание от външен файл и как? 
Би било особено полезно за големи обеми текст на който стилирането е еднообразно и предварително зададено.
Освен това би улеснило както редактирането на "интересните части" от HTML, така и да доведе до по- бързо начално зареждане на страничката, особено ако в модулите има и изображения.
Виждам, че в Туитър, и преди промените във фейсбук от преди около година, че където работи преводача на Google, превежда секции от поредни туитове или коментари и изглежда там са секционирани, Разгледах кода през конзолата на Google Chrome, но не можах да се ориентирам как е направено.

Аула Ментор · Accepted Answer

Здравейте, Юлиан, 
да, HTML съдържанието може да се зарежда от външен файл, но това обикновено се постига чрез JavaScript или сървърни езици като PHP, не чрез HTML или CSS само по себе си.

HTML и CSS са статични езици за означаване, което означава, че те не поддържат динамично зареждане на съдържание от външни файлове без помощта на други технологии. За да заредите съдържание от външен файл в HTML, обикновено ще се ползва JavaScript или сървърен език като PHP.

JavaScript: Можете да използвате метода fetch() или jQuery метода load(), за да заредите HTML съдържание от външен файл. Това ще изпълни AJAX заявка към външния файл, ще прочете съдържанието му и ще го вмъкне в съответния елемент в HTML документа.
Например:

fetch('my-file.html')
    .then(response => response.text())
    .then(data => {
        document.querySelector('#my-element').innerHTML = data;
    });

PHP: Ако имате сървър, който поддържа PHP, можете да използвате функцията include() или require() за да включите HTML съдържание от външен файл.
Например:

<?php include 'my-file.html'; ?>

Около Twitter и Facebook, те използват сложни клиентски и сървърни технологии, включително JavaScript и различни сървърни езици, за да динамично зареждат и обновяват съдържанието на страницата. Тези техники извън обхвата на базовите HTML и CSS умения и изискват по-голямо познаване на web разработката.

Може ли

Вашият отговор