How to hide elements in HTML?

There are several ways to hide elements in HTML:

1. CSS display Property:

You can use the CSS display property to hide an HTML element:

```

```
In this case, the element will be completely removed from the layout and it won’t take up any space on the page.

1. CSS visibility Property:

You can also use the CSS visibility property to hide an HTML element:

```

```
In this case, the element will be hidden, but it will still take up space on the page.

1. HTML Hidden Attribute:

HTML5 introduces a new global attribute named hidden, which is styled to display:none by default in browsers’ CSS.

```

1. Using Javascript/jQuery:

You can also use JavaScript or jQuery to hide an HTML element:

Javascript:

```
document.getElementById(“MyElement”).style.display = “none”;
```

jQuery:

```
$(“#MyElement”).hide();
```

In both these cases, the element will be completely removed from the layout and it won’t take up any space on the page.

Remember, hiding elements can have implications for accessibility, as screen readers may or may not respect these methods of hiding content. It’s important to hide content in an accessible way, if the situation requires it.