How to semantically delete text from an HTML document?

How to delete text from document using HTML ?

Last Updated : 11 Jun, 2020

In this article, we delete text from an HTML document by using the <del> tag in the document. This tag stands for delete and is used to mark a portion of text which has been deleted from the document. Syntax:

<del> Contents... </del>

Example: In the following example, deletion of a text from a document is demonstrated.

html

<!DOCTYPE html>
<html>

<head>
    <title>
        How to delete text from a 
        document using HTML?
    </title>

    <style>
        del {
            color: red;
        }

        ins {
            color: green;
        }

        h1 {
            color: green;
        }

        body {
            text-align: center;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>

    <b>
        HTML5 | How to delete 
        text from a document 
    </b>

    <p>
        GeeksforGeeks is a 
        <del>mathematical</del>
        <ins>computer</ins> 
        science portal
    </p>
</body>

</html>

Output:

Supported Browsers:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

How to semantically delete text from an HTML document?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to semantically delete text from an HTML document?

To semantically delete text from an HTML document using the <del> element. This tag is used to indicate text that has been removed, providing semantic meaning and better accessibility. It visually strikes through the deleted text, helping users understand changes in the document content. Synta

How to Remove HTML element from DOM using AngularJS ?

In this article, we will see how to remove particular HTML elements from the DOM with the help of AngularJS, along with understanding its implementation through the examples. For this, we can use the remove() method that helps to remove all the selected elements including all the text. Syntax: selec

HTML DOM deleteFromDocument() method

The deleteFromDocument() method deletes the selected text from the document's DOM tree. Syntax: selectedText.deleteFromDocument() Parameters: No parameters Example: The example deletes the selected text by clicking a button. Upon clicking the button, the Window.getSelection() method gets the selecte

How to create a Reset Button in form using HTML ?

In this article, we will learn how to create a Reset Button in HTML forms.Â The reset button is used to reset all the form data values and set them to their initial default value. In case of user enters the wrong data then the user can easily correct it by clicking on the "Reset Button". Syntax:<

How to define a text that has been deleted from the document in HTML5 ?

In this article, we will learn how to define some text that has been deleted from the document. This can be used to show a recent update in content or remove content that may be incorrect. It is usually followed by text that has been updated or corrected. We will use the <del> element to speci

How to Mark Deleted Text in HTML?

In HTML, you can mark text as deleted to indicate that it has been removed from the document. This is often displayed with a strikethrough effect. There are different methods to mark deleted text in HTML, including using the <del> tag, the <s> tag, and the <strike> tag. Table of Co

How to write articles in HTML document ?

The <article> tag is one of the new sectioning element in HTML5. The HTML <article> tag is used to represent an article. More specifically, the content within the <article> tag is independent from the other content of the site (even though it can be related). In other words, the ar

How to define the document's body in HTML5 ?

The document's body in HTML5 is defined by the <body> tag which is placed with in the <html> tags and just after the <head> tag.The body tag can include: headings tags : <h1>, <h2>, <h3> and so on.paragraph tag: <p>line break tag: <br>horizontal rule t

How to remove options from select element using jQuery ?

Removing options from a select element using jQuery means programmatically deleting specific or all <option> elements within a <select> dropdown. This can be done using jQuery methods like remove() or empty(), allowing dynamic updates of the dropdown's available choices based on conditio

How to Access Document Properties using W3C DOM ?

In this article, we'll learn about W3C DOM document properties, their methods for manipulating documents, and how they work in practice. The World Wide Web Consortium, or WWW has established the document object model, which enables entry to and modification of every piece of document information (W3