دليل مرجع HTML

كامل قائمة علامات HTML

HTML: <template> العلامة

عنصر <template> لمحتوى HTML هو ميكانيكية حفظ محتوى العميل، التي لا تظهر عند تحميل الصفحة، ولكن يمكن استخدامها في وقت التشغيل باستخدام JavaScript. انظر إلى النموذج كجزء من المحتوى القابل لل حفظ في المستند للاستخدام في المستقبل. على الرغم من أن معالج الصفحة يقوم بمعالجة محتوى علامة <template> عند تحميل الصفحة، إلا أن هذا يحدث فقط للتأكد من أن المحتوى صالح؛ ولكن المحتوى لن يتم عرضه.

معايير إضافية على الإنترنت

تعليم كيفية استخدام علامة template:

مثال

<!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>استخدام علامة نموذج HTML (موقع تعليمات الأساسيات شبكة oldtoolbag.com)</title>
</head>
<body>
<p>المحتوى داخل علامة النموذج مخفي من المستخدم.</p>
<template>
　　<h2>الرؤى</h2>
　　<img　src="views.png">
</template>
<p>مثال لاحق سيظهر لك كيفية عرض محتوى النموذج باستخدام JavaScript.</p>
</body>
</html>

اختبار لرؤية ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

جميع المتصفحات الشائعة تدعم علامة <template>.

التعريف والاستخدام

علامة <template> تغطي محتواها من المستخدمين.

المحتوى داخل علامة <template> لن يتم عرضه.

يمكنك استخدام JavaScript لجعل المحتوى مرئيًا وتقديمه في المستقبل.

عندما تحتاج إلى استخدام كود HTML بشكل متكرر، استخدم علامة <template>، ولكن استخدمها فقط عندما تحتاج إليها. لتنفيذ هذه العملية بدون علامة <template>، يجب استخدام JavaScript لإنشاء كود HTML، لمنع متصفح الويب من عرض الكود.

معايير إضافية على الإنترنت

مثال

<!DOCTYPE　html>
<html>
<body>
<h1>استخدام علامة نموذج HTML (موقع تعليمات الأساسيات شبكة oldtoolbag.com)</h1>
<p>Click　the　button　to　get　the　content　from　a　template,　and　display　it　in　the　web　page.</p>
<button　onclick="showContent()">Show　content</button>
<template>
　　<h2>views</h2>
　　<img src="views.png" width="300" height="204">
</template>
<script>
function showContent() {
　　var temp = document.getElementsByTagName("template")[0];
　　var clon = temp.content.cloneNode(true);
　　document.body.appendChild(clon);
}
</script>
</body>
</html>

اختبار لرؤية ‹/›

الفرق بين HTML 4.01 و HTML5

<template> العلامة هي علامة جديدة في HTML5.

خصائص العالمية

دعم <template> العلامة خصائص العالمية لـ HTML.

خصائص الحدث

دعم <template> العلامة خصائص الحدث لـ HTML.

HTML: <wbr> العلامة