عـنـصـر الــ (<pre>) HTML

الـتـعريـف
يمثل عنصر "pre" نصا مسبقا يكتب بخط ثابت عموما، و يتم نسخه و المسافات المستعملة على ملف HTML.

في ماذا يستعمل ؟
في الغالب، نستعمل العنصر لإظهار محتوى به عنصر HTML أو أكثر. و من المعلوم، أن كل عنصر HTML يبدأ بعلامة ">" مهما كان نوع العنصر .
المطلوب بل من الضروري تخطى (escape) هذه العلامات للتأكد من أن التعليمات البرمجية المكتوبة بين العناصر لا يتم تفسيرها من قبل المتصفح عن غير قصد.
لذا عند استعمال عنصر "pre"، يجب استبدال علامة ">"( وهي العلامة الأولى) بـ علامة "&lt;" .

مثال تفاعلي​

كود HTML:

<pre style="color:red">
    &lt;html lang="en">
        &lt;head>
            &lt;meta charset="utf-8">
            &lt;meta name="viewport" content="width=device-width">
                                  
            &lt;title>HTML5&lt;/title>
        &lt;/head>
        &lt;body>
            &lt;div class="navbar">
                &lt;a href="#home">Home&lt;/a>
                &lt;a href="#news">News&lt;/a>
                &lt;a href="#contact">Contact&lt;/a>
            &lt;/div>
    
            &lt;script>
                const btn = document.querySelector('#get-code');
            &lt;/script>
        &lt;/body>
    &lt;/html>
</pre>

الـنتيجة



مــتـابــعــة طـيــبــة
​