Wer also HTML Code auf seiner Seite dem Nutzer sichtbar machen möchte und gleichzeitig beim Schreiben nicht die schwierig zu merkenden HTML Entities nicht verwenden will, der kann sich mit einem kleinen jQuery Programm helfen.

Mit dieser jQuery Funktion, wird der komplette Inhalt eines HTML-Elements mit dem pre oder code-Tag selektiert und dann wird jedes < und > mit der passenden HTML Entity ersetzt.

var changeLTandGTinCode = function(){
    $("pre, code").each(function(){
        var content = $(this).html();

        content.replace(/\/g, '>');

        $(this).text(content);
    });
};
changeLTandGTinCode();

Solange sie ihren HTML Code, den Sie anzeigen möchten, innerhalb eines pre oder code-Tag schreiben, werden Sie sich nicht umgewöhnen müssen und ihr Code wird trotzdem richtig auf Ihrer Webseite angezeigt.