ConvertBase.app online tools

Narzędzia HTML

Escapowanie HTML

Zamień znaki zastrzeżone HTML na encje, aby wstawiać tekst bezpiecznie do znaczników, szablonów i fragmentów kodu.

Najlepsze do: Wyświetlenie fragmentu kodu jako tekstu, Przygotowanie treści użytkownika do wyjścia

Szybka odpowiedz

Zamień znaki zastrzeżone HTML na encje, aby wkleić wynik do znaczników, szablonów lub przykładów kodu bez ryzyka uszkodzenia strony.

Opis

Escapowanie HTML zamienia znaki o specjalnym znaczeniu w HTML na ich odpowiedniki encji, na przykład < na &lt; i & na &amp;. Dzięki temu przeglądarka pokazuje tekst dosłownie zamiast traktować go jak tagi lub atrybuty. To przydaje się wtedy, gdy treść zawiera nawiasy ostre, ampersandy, cudzysłowy albo apostrofy i ma pozostać zwykłym tekstem. Sprawdza się też przy wklejaniu surowych fragmentów do dokumentacji, szablonów i plików HTML, gdzie przypadkowe znaczniki mogłyby zmienić strukturę strony.

Zastosowania

  • Wyświetlenie fragmentu kodu jako tekstuPokaż HTML lub snippet szablonu w dokumentacji bez zamiany go w prawdziwe elementy strony.
  • Przygotowanie treści użytkownika do wyjściaWstawiaj imiona, komentarze i odpowiedzi do HTML tak, by znaki specjalne pozostały widoczne jako tekst.
  • Tworzenie bezpiecznych fragmentów szablonówPrzechowuj kawałki z nawiasami i ampersandami bez ryzyka, że po wklejeniu staną się znacznikami.
  • Publikacja notatek technicznych z literalnymi znakamiZachowaj czytelność porównań, operatorów i cytatów w treściach na stronach i w bazach wiedzy.

Jak to dziala

  1. 1

    Wpisz lub wklej tekst, który chcesz escapować.

  2. 2

    Narzędzie zamieni znaki zastrzeżone, takie jak <, >, &, ", i ', na encje HTML.

  3. 3

    Skopiuj wynik i użyj go tam, gdzie tekst ma być pokazany dosłownie w HTML.

Przyklady

Escapowanie prostego znacznika

Wejscie: <p>Tom & Jerry</p>

Wynik: &lt;p&gt;Tom &amp; Jerry&lt;/p&gt;

Nawiasy ostre i ampersand zostają zapisane jako encje, więc tekst wyświetla się dosłownie.

Tekst z cudzysłowami

Wejscie: Ona napisała: "Użyj wersji 'bezpiecznej'."

Wynik: Ona napisała: &quot;Użyj wersji &#39;bezpiecznej&#39;.&quot;

Cudzysłowy i apostrofy są escapowane, aby można je było bezpiecznie osadzić w HTML.

Porównanie z operatorami

Wejscie: if (a < b && b > 10)

Wynik: if (a &lt; b &amp;&amp; b &gt; 10)

Znaki porównania i ampersandy pozostają czytelnym tekstem zamiast kodu HTML.

FAQ

Jakie znaki najczęściej zamienia escapowanie HTML?

Najczęściej są to <, >, &, cudzysłowy i apostrof. To znaki, które HTML może odczytać jako składnię zamiast zwykłego tekstu.

Czy escapowanie zmienia sens tekstu?

Nie zmienia widocznej treści, ale zmienia sposób jej odczytu przez przeglądarkę. Na przykład &lt; jest wyświetlane jako <, a jednocześnie pozostaje bezpieczne w źródle HTML.

Po co escapować cudzysłowy, jeśli nie używam atrybutów?

Bo tekst często bywa przenoszony między różnymi miejscami, także do atrybutów i szablonów. Escapowanie z wyprzedzeniem ogranicza błędy przy ponownym użyciu treści.

Czy można escapować tekst kilka razy?

Można, ale podwójne escapowanie da widoczne encje, na przykład &amp;lt;. Jeśli wynik wygląda na podwójnie zakodowany, tekst został escapowany zbyt wiele razy.

Jaki błąd zdarza się najczęściej przy użyciu tego narzędzia?

Najczęściej myli się tekst escapowany z prawdziwym HTML. Wynik z encjami ma się wyświetlać jako tekst, a nie tworzyć elementy strony.