Disable Browser Caching with Meta HTML Tags

AmitDiwan
Updated on 06-Dec-2022 10:10:43

18K+ Views

To disable browser caching with tag in HTML, use the following code − HTML lets you specify metadata - additional important information about a document in a variety of ways. The META elements can be used to include name/value pairs describing properties of the HTML document, such as author, expiry date, a list of keywords, document author etc. The tag is used to provide such additional information. This tag is an empty element and so does not have a closing tag but it carries information within its attributes. Example Let us see a simple ... Read More

Recommended Way to Embed PDF in HTML

AmitDiwan
Updated on 06-Dec-2022 10:09:31

2K+ Views

To embed a PDF in HTML is an easy task and there are various ways. Let us see them one by one. Embed PDF in HTML using iframe. Embed PDF in HTML using the embed tag. Embed PDF in HTML using the object tag. Embed PDF in HTML using iframe Set the src attribute of the iframe tag and add the link of the PDF to embed − Example Let us now see an example to ember PDF using − Embed PDF ... Read More

Disable Google Chrome Autofill Option

AmitDiwan
Updated on 06-Dec-2022 10:01:12

4K+ Views

To disable autofill option specially on Google Chrome, use the autocomplete attribute and set it to − autocomplete="chrome-off" We will see an HTML form and for the fields we will disable the autofill, first for the form − Now, disable the autofill for each input type − Example Let us see an example − input { width: 315px; display: block; margin: 1rem auto; ... Read More

Keep Parents of Floated Elements from Collapsing in CSS

AmitDiwan
Updated on 06-Dec-2022 09:56:24

215 Views

To prevent parents of floated elements from collapsing, first, we will try to understand what the problem is. After that, we will work around the examples i.e. How parents of floated elements collapse? Prevent parents of floated elements to collapse using the Overflow Property Prevent parents of floated elements to collapse using the Height Property How parents of floated elements collapse Example Let us first understand how parents of floated elements collapse. Here’s an example − Example div{ ... Read More

Keep Two Side-by-Side DIV Elements the Same Height

AmitDiwan
Updated on 06-Dec-2022 09:51:46

982 Views

We need to keep the two side-by-side div the same height, so that if more content is added to any of the div, the size of the other div matches it. The following two examples are covered − Keep two side-by-side div elements the same height using HTML Keep two side-by-side div elements the same height using JavaScript Let us see the example one by one − Keep two side-by-side div elements the same height using HTML Example We will use the following code to keep two side-by-side div elements the same height - ... Read More

Implications of Using !important in CSS

AmitDiwan
Updated on 06-Dec-2022 09:49:22

175 Views

The !important rule overrides all previous styling rules. It is based on the concept of priority or specificity. The !important rule provides a way to make your CSS cascade. It also includes the rules that are to be applied always. A rule having the !important property will always be applied, no matter where that rule appears in the CSS document. Let us see an example − Priority - Without Using !important Example Let us first see an example how the specificity and priority works without using the !important − ... Read More

Center a Position Absolute Element

AmitDiwan
Updated on 06-Dec-2022 09:46:14

1K+ Views

We can easily center an absolute position element horizontally and vertically in Python. For that, use the following CSS properties. For horizontal center, use the following properties − left margin-left For vertical center, use the following properties − top margin-top Horizontal center an absolute position element Example To horizontal center an absolute position element, use the following code − div.center{ width:200px; height: 50px; ... Read More

Delete a Getter Using the Delete Operator in JavaScript

Prince Varshney
Updated on 06-Dec-2022 09:30:06

1K+ Views

In this tutorial, we are going to learn how we can delete a getter function using the delete operator in JavaScript. Getter functions are used to get the property of an object and bind the property with the getter function i.e., whenever the property is called the getter function will also be called with it. You can only have one getter or setter per name on an object as we cannot create more than two getters using the same name in JavaScript. To delete a getter function in JavaScript we use the delete operator which uses the keyword “delete”. Syntax ... Read More

Design a Custom Alert Box Using JavaScript

Prince Varshney
Updated on 06-Dec-2022 09:23:10

12K+ Views

In this tutorial, we are going to create one custom alert box using JavaScript. The alert box signifies a box that appears with some message on it whenever you click a button and if we add some styling to the box and mould it according to our requirements then it will be a custom alert box. Approach to design custom alert box using JavaScript To create a custom alert box, we will use a jQuery library which is used to simplify the HTML DOM manipulation and it also provides us with better use of event handling and CSS animation with ... Read More

Define the Number of Nodes in a Node List with JavaScript HTML DOM

Prince Varshney
Updated on 06-Dec-2022 09:21:12

508 Views

In this tutorial, we are going to learn how can we find the number of nodes present in a node list in JavaScript. To perform the specific operation, we need to use the HTML DOM which helps us to work with the object model of the webpage. Now let us first understand what a node is and what is a node list in HTML. Everything in an HTML document including element, text, attribute as well as the whole document is a node. Every small element present in an HTML document is part of the navigation tree of an HTML DOM. ... Read More

Advertisements