En primer lugar, tenemos que saber qué es el .html y el .htm, ambos son una extensión del tipo de archivo HTML. El .html significa Hypertext markup Languages. A principios de 1994, todas las extensiones contenían sólo tres letras porque las extensiones de cuatro letras no estaban soportadas en ese momento. Así que, básicamente, cuando usamos un archivo HTML con el nombre de archivo y la extensión .html, pero el sistema operativo no acepta el .html, entonces viene el .htm. Por ejemplo, DOS (sistema operativo de disco) y Windows aceptan el formato .htm. Ahora, en esta década, todos los sistemas operativos admiten la extensión de archivo más grande, por lo que .html es aceptable y significativo en comparación con .htm, por lo que utilizamos .html en lugar de .htm. Comparación entre .html y .htm: Puede utilizar cualquiera de estas extensiones de archivo. Ambas representan el mismo tipo de contenido pero dependiendo de la extensión significativa podemos usar el .html en lugar del .htm. Pero el .html no es soportado por el DOS que no se usa hoy en día. esa es la razón por la que usamos el .html y no la antigua extensión .htm. Nota: Si guarda dos archivos con el mismo nombre con dos extensiones diferentes como gfg.html y gfg.htm, se activará la extensión más corta. Sólo usamos la extensión más larga para una mejor comprensión por parte de los humanos.Mis notas personales
La primera versión del archivo manifest.json, donde los tres atributos requeridos.Estos atributos nos dicen:¡Y hemos terminado! ¡Todo el código necesario ha sido escrito! En nuestro caso, nuestra extensión es bastante inútil por ahora, ¡pero podemos seguir adelante y añadirla a Chrome! Cargue su extensión en su navegadorAhora vaya a chrome://extensions y haga clic en el botón “Load unpacked” para seleccionar el directorio de su extensión personalizada. Para ver los tres botones, el “Modo de desarrollador” de la derecha debe estar activado.Captura de pantalla de mi página chrome://extensiones, con una sola extensión.¡Ahora deberías ver tu extensión en la misma página! ¡Enhorabuena! Tu extensión debería aparecer ahora en la página chrome://extensions.Si necesitas editar algún archivo en el directorio seleccionado, tendrás que hacer clic en el botón de actualización para volver a cargar la extensión en Chrome. De lo contrario, tus cambios no aparecerán en tu extensión.Ahora, vamos a ver cómo podemos añadir algunas funcionalidades a nuestra extensión. Inyectar un script para modificar un sitio web¿Recuerdas nuestro sitio web de ejemplo? Si vas allí y abres las DevTools (con F12), puedes escribir esta simple línea de código para arreglar nuestro error:document.querySelector(‘div.featured-box-right’).remove();
Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags but use them to interpret the content of the page.
In 1980, physicist Tim Berners-Lee, a contractor at CERN, proposed and prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989, Berners-Lee wrote a memo proposing an Internet-based hypertext system.[3] Berners-Lee specified HTML and wrote the browser and server software in late 1990. That year, Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint request for funding, but the project was not formally adopted by CERN. En sus notas personales[4] de 1990 enumeró[5] “algunas de las muchas áreas en las que se utiliza el hipertexto” y puso en primer lugar una enciclopedia.
El navegador analiza el html (DOM) y obtiene los recursos externos en una estructura tipo array o pila. Una vez cargado el html, el navegador comienza a cargar los recursos externos en la estructura en paralelo y los ejecuta, hasta que se cargan todos los recursos. Entonces el DOM se modificará en función de los comportamientos del usuario en función del JS.
Editar: Es 2022. Si estás interesado en una cobertura detallada sobre la carga y ejecución de una página web y cómo funciona el navegador, deberías consultar https://browser.engineering/ (open sourced en https://github.com/browserengineering/book)
Ten en cuenta que la descarga puede ser asíncrona y no bloqueante debido a los comportamientos del navegador. Por ejemplo, en Firefox existe esta configuración que limita el número de peticiones simultáneas por dominio.
Además, dependiendo de si el componente ya ha sido almacenado en caché o no, el componente puede no ser solicitado de nuevo en una petición próxima. Si el componente ha sido almacenado en la caché, el componente se cargará desde la caché en lugar de la URL real.