*   >> Lectura Educación Artículos >> tech >> desarrollo web

Tres formas de mostrar HTML muestra en un Web Browser

If usted está buscando para escribir sobre diseño web y HTML, sin duda ha topado con este problema. ¿Cómo se visualiza la muestra margen de que el usuario puede ver? El problema es simple. Usted desea mostrar el marcado de la muestra. El navegador de los usuarios quiere hacerla como marca real para arriba. ¡Tienes que venir con algo para decirle al navegador - Oye, esto no es supuesta a ser prestados Hay algunas maneras de hacer this.First, podría utilizar una etiqueta xmp tag.The xmp fue desarrollado para la visualización de "ejemplo" HTML! .

Una vez que el navegador ve una etiqueta XMP, se detiene y prestarán toda HTML hasta que ve un tag.However de cierre, la etiqueta está en desuso. Ya no está incluido en los estándares HTML - que impidan su sitio desde la validación - y no puede ser soportado por todos los navegadores. Utilice a su propio risk.A segundo, el método más fiable, es incluir el margen de beneficio en un área de texto box.When se crea un elemento de área de texto, puede incluir texto en entre la apertura y etiquetas de cierre en forma de texto "por defecto".

Cualquier HTML en este texto sigue siendo unrendered - lo que le permite mostrar fácilmente su muestra markup.There dos problemas con esto, sin embargo. En primer lugar, no se puede incluir una etiqueta textarea de cierre dentro de su ejemplo - o antes de tiempo se cerrará el área de texto que está utilizando para mostrar tu ejemplo. Tampoco puede el estilo de texto en absoluto con css.The tercera solución - probablemente el mejor - es para escapar de todo el & lt; y & gt; signos de la muestra code.If reemplace & lt; con & amp; lt ;, el navegador no creo que la etiqueta es html real.

Simplemente va a mostrar la markup.This es, con mucho, el método más seguro de mostrar el código HTML de la muestra, el único problema es que usted necesita para escapar de todos los personajes. Sin embargo, usted puede tomar un atajo - utilice este formulario para hacer el escape de you.Copy y pegar su propio código, y el código escapado será creado en el acto

.


Copyright © 2008 - 2016 Lectura Educación Artículos,https://lectura.nmjjxx.com All rights reserved.