*   >> Lezen Onderwijs artikelen >> tech >> web development

Drie manieren om voorbeeld HTML-weergave in een Web Browser

If u op zoek bent om te schrijven over webdesign en HTML, je hebt ongetwijfeld tegenkomen dit probleem. Hoe doe je monster mark-up display dat de gebruiker kan zien? Het probleem is eenvoudig. U wilt de sample opmaak weer te geven. De gebruikers browser wil om het te maken als werkelijke mark up. Je nodig hebt om te komen met iets om de browser te vertellen - Hé, dit is niet verondersteld te worden gemaakt Er zijn een paar manieren om te doen this.First, kon je een XMP tag.The XMP-tag is ontwikkeld voor het weergeven van "voorbeeld" HTML! .

Zodra de browser ziet een XMP-tag, het stopt waardoor alle HTML totdat hij ziet een afsluitende tag.However, wordt het label afgekeurd. Het is niet langer opgenomen in de HTML-standaarden - die zal voorkomen dat uw site te valideren - en het kan niet worden ondersteund door alle browsers. Gebruik op eigen risk.A tweede, meer betrouwbare methode is om de opmaak in een textarea box.when u een textarea element te creëren kunt u zowel tekst tussen het openen en sluiten labels als "default" tekst. Elke HTML in deze tekst blijft gerenderde - waarmee u uw steekproef markup.

There gemakkelijk weer te geven zijn twee problemen met deze, dat wel. Ten eerste kan je niet voorzien van een afsluitende textarea tag in uw voorbeeld - of het zal voortijdig sluiten het tekstveld dat u gebruikt om uw voorbeeld te geven. U kunt ook niet de tekst stijl helemaal met css.The derde oplossing - waarschijnlijk de beste - is om alle ontsnappen aan de & lt; en & gt; borden in de steekproef code.If u vervangt & lt; met & amp; lt ;, de browser zal niet denken dat de tag is echt html. Het zal gewoon weer de markup.

This is veruit de veiligste methode van het tonen van je steekproef HTML, het enige probleem is dat je nodig hebt om alle van de personages te ontsnappen. Echter, kunt u een shorcut nemen - Gebruik dit formulier om te doen de ontsnappende voor you.Copy en plak uw eigen code in, en de ontsnapte code zal worden gemaakt op de plek

.


Copyright © 2008 - 2016 Lezen Onderwijs artikelen,https://onderwijs.nmjjxx.com All rights reserved.