Atributo defer de HTML
El atributo defer de HTML especifica que un script se ejecuta cuando una página ha terminado de analizarse. Es un atributo booleano. Este atributo funciona para scripts externos y solo debe usarse cuando está presente el atributo src.
En HTML 4.01, el comportamiento del atributo defer dependía de la implementación, mientras que HTML5 lo estandarizó. En XHTML, el atributo defer debe especificarse como <script defer="defer"> ya que está prohibida la minimización de atributos.
Puedes usar este atributo en el elemento <script>.
Un script externo puede ejecutarse de las siguientes maneras:
- Cuando está presente async, el script se ejecutará de forma asíncrona mientras la página continúa su análisis.
- Cuando no está presente
asyncpero sídefer, el script se ejecutará cuando la página termine el análisis, en el orden en que aparecen en el documento. - Cuando no está presente ni
asyncnidefer, el script se ejecutará inmediatamente antes de que el navegador continúe el análisis.
Sintaxis
Sintaxis del atributo defer de HTML
html
<script src="example.js" defer></script>Ejemplo del atributo defer de HTML:
Ejemplo del atributo defer de HTML
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<script src="example.js" defer></script>
<noscript>Sorry, your browser doesn't support JavaScript!</noscript>
</head>
<body>
<h1>Example</h1>
<p>The "defer" attribute specifies that a script is executed when a page has finished the parsing. It is a boolean attribute.</p>
</body>
</html>Practice
¿Cuál es el uso correcto del atributo 'defer' en HTML?