How to escape everything in a block in HTML ?

Escaping is a method that permits us to inform a computer to try to do something special with the text we supply or to ignore the special function of an element. There are some tags in HTML that help us to escape complete text and display it as it is in the HTML source code to the website.

Approach 1: Using the <xmp> tag (Deprecated)

HTML

<!DOCTYPE html> 

<html> 

    <body> 

        <h2>Welcome To GFG</h2> 

        <xmp>some text  

          <span> This tag will be escaped </span>  

          here also 

        </xmp> 

    </body> 

</html>

Output:

Approach 2: Using the <pre> tag

HTML

<!DOCTYPE html> 

<html> 

    <body> 

        <h2>Welcome To GFG</h2> 

        <pre> 

            Normal text 

            <code> 

                This is code. 

                <span> This will escape </span> 

            </code> 

        </pre> 

    </body> 

</html>

Output:

Article Tags :

HTML

Web Technologies

Recommended Articles

1. JS Escape Sequence | HTML Entity

2. How to Escape HTML in NodeJS EJS View ?

3. How to escape & unescape HTML characters in string in JavaScript?

4. Function to escape regex patterns before applied in PHP

5. JavaScript escape() Function

6. How to detect escape key press using jQuery?

7. How to escape try/catch hell in JavaScript ?

8. How to Prevent Bootstrap Modal from Disappearing when Clicking Outside or Pressing Escape Button ?

9. JavaScript SyntaxError - "0"-prefixed octal literals and octal escape sequences are deprecated

10. When we use Escape Instead of encodeURI / encodeURIComponent in JavaScript ?

11. Node.js querystring.escape() Method

12. Backbone.js escape Model

13. Difference between unescape() and escape() functions in JavaScript

14. How to Escape Ampersands in XML to Rendered as Entities ?

15. Less.js String escape() Function

16. What are Escape Characters in JavaScript ?

17. Lodash _.escape() Method

18. How to use escape characters to correctly log quotes in a string using JavaScript ?

19. Underscore.js _.escape() function

20. How to use Escape Characters in PHP ?

21. How to Escape Characters in XML ?

22. How to hide block of HTML code on a button click using jQuery ?

23. How to reuse template HTML block in Angular ?

24. Design a Overlap Block Page Template using HTML and CSS

25. HTML Block and Inline Elements