أحدث البرامج التعليمية وتطوير الشبكة
×

HTML5 البرنامج التعليمي

HTML الصفحة الرئيسية HTML المقدمة برامج تحرير HTML HTML الأساسية HTML عناصر HTML الصفات HTML العناوين HTML الفقرات HTML الأنماط HTML التنسيق HTML الاقتباسات HTML كود الكمبيوتر HTML تعليقات HTML الألوان HTML CSS HTML الروابط HTML صور جداول HTML قوائم HTML HTML كتلة والمضمنة عناصر HTML فصول HTML نسق HTML متجاوب HTML نوافذ الأطر المدمجة HTML JavaScript HTML رئيس HTML الكيانات HTML حرف HTML محارف HTML URL ترميز HTML XHTML

HTML أشكال

HTML أشكال HTML عناصر النموذج HTML أنواع المدخلات HTML سمات المدخلات

HTML5

HTML5 مقدمة HTML5 الدعم HTML5 عناصر HTML5 دلالات الهجرة HTML5 HTML5 دليل الاناقة

HTML الرسومات

HTML قماش HTML SVG

HTML وسائل الإعلام

HTML وسائل الإعلام HTML فيديو HTML سمعي HTML المكونات الإضافية HTML YouTube

HTML APIs

HTML تحديد الموقع الجغرافي HTML جر / قطرة HTML التخزين المحلي HTML App مخبأ HTML العمال على شبكة الإنترنت HTML SSE

HTML أمثلة

HTML أمثلة HTML اختبار قصير HTML5 اختبار قصير HTML ملخص

HTML المراجع

HTML العلامة القائمة HTML الصفات HTML الأحداث HTML قماش HTML الصوت والفيديو HTML Doctypes HTML الألوان HTML مجموعات الأحرف HTML URL ترميز HTML رموز لغة HTTP رسائل HTTP أساليب PX to EM محول اختصارات لوحة المفاتيح

HTML Head


في HTML <head> العنصر

و <head> العنصر هو وعاء لالبيانات الوصفية (بيانات عن البيانات).

الفوقية HTML غير البيانات حول وثيقة HTML. لا يتم عرض بيانات التعريف.

الفوقية عادة تحديد عنوان الوثيقة، وأساليب، وصلات، ومخطوطات، والمعلومات الوصفية الأخرى.

العلامات التالية تصف الفوقية: <title>, <style>, <meta>, <link>, <script>, and <base> .


حذف <html> و <body> ؟

في معيار HTML5، و <html> العلامة، <body> العلامة، و <head> العلامة يمكن حذفها.

سوف التعليمة البرمجية التالية التحقق من صحة كما HTML5:

مثال

<!DOCTYPE html>
<title>Page Title</title>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
انها محاولة لنفسك »

w3ii لا توصي بحذف <html> و <body> العلامات.

و <html> العنصر هو جذر المستند. هذا هو المكان الموصى بها لتحديد لغة الصفحة:

<!DOCTYPE html>
<html lang="en-US">

معلنا لغة المهم للتطبيقات إمكانية الوصول (قارئات الشاشة) ومحركات البحث.

حذف <html> و <body> يمكن أن تحطم سيئة مكتوبة- DOM/XML البرمجيات.

وأخيرا، وحذف <body> يمكن أن تنتج أخطاء في المتصفحات القديمة (IE9) .


حذف <head>

في معيار HTML5، و <head> ويمكن أيضا أن يتم حذف العلامة.

افتراضيا، سوف المتصفحات إضافة جميع العناصر قبل <body> ، لالافتراضي <head> عنصر.

يمكنك تقليل تعقيد HTML، بحذف <head> العلامة:

مثال

<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
انها محاولة لنفسك »

علامات إهمال غير مألوف لمطوري الويب. انها تحتاج الى وقت لتنشأ كدليل.


وHTML <title> العنصر

و <title> عنصر يحدد عنوان الوثيقة.

و <title> مطلوب عنصر في جميع وثائق HTML / XHTML.

و <title> العنصر:

  • يعرف اللقب في علامة تبويب المتصفح
  • يوفر عنوانا للصفحة عندما يتم إضافتها إلى المفضلة
  • يعرض عنوانا للصفحة في نتائج محرك البحث

وثيقة HTML مبسطة:

مثال

<!DOCTYPE html>
<html>
<title>Page Title</title>

<body>
The content of the document......
</body>

</html>
انها محاولة لنفسك »

وHTML <style> العنصر

و <style> يستخدم عنصر لتحديد نمط المعلومات عن وثيقة HTML.

داخل <style> العنصر الذي يحدد كيفية عناصر HTML يجب أن تجعل في المتصفح:

مثال

<style>
body {background-color:yellow;}
p {color:blue;}
</style>
انها محاولة لنفسك »

وHTML <link> العنصر

و <link> عنصر يحدد العلاقة الصفحة لمورد خارجي.

و <link> غالبا ما يستخدم عنصر لتصل إلى أوراق الأنماط:

مثال

<link rel="stylesheet" href="mystyle.css">
انها محاولة لنفسك »

وHTML <meta> العنصر

و <meta> يستخدم عنصر لتحديد وصف الصفحة، والكلمات الرئيسية، والمؤلف، وغيرها من البيانات الوصفية.

يستخدم الفوقية من قبل المتصفحات (how to display content) ، من خلال محركات البحث (keywords) ، وخدمات الويب الأخرى.

تحديد الكلمات الرئيسية لمحركات البحث:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

تحديد وصف صفحة الويب الخاصة بك:

<meta name="description" content="Free Web tutorials on HTML and CSS">

تحديد مجموعة الأحرف المستخدمة:

<meta charset="UTF-8">

تحديد مؤلف الصفحة:

<meta name="author" content="Hege Refsnes">

تحديث ثيقة كل 30 ثانية:

<meta http-equiv="refresh" content="30">

مثال <meta> علامات:

مثال

<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8">
انها محاولة لنفسك »

وHTML <script> العنصر

و <script> عنصر يستخدم لتحديد جافا سكريبت من جانب العميل.

السيناريو يكتب أدناه مرحبا جافا سكريبت! إلى عنصر HTML مع id="demo" :

مثال

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
انها محاولة لنفسك »

لمعرفة كل شيء عن جافا سكريبت، يرجى زيارة موقعنا جافا سكريبت تعليمي !


وHTML <base> العنصر

و <base> يحدد عنصر عنوان URL الأساسي والهدف الأساسي لجميع عناوين URL النسبية في الصفحة:

مثال

<base href="http://www.w3ii.com/images/" target="_blank">
انها محاولة لنفسك »

HTML عناصر رئيس

بطاقة وصف
<head> يعرف معلومات حول المستند
<title> يعرف عنوان وثيقة
<base> يعرف العنوان الافتراضي أو الهدف الافتراضي لجميع الروابط على صفحة
<link> يحدد العلاقة بين وثيقة والموارد الخارجية
<meta> يحدد البيانات الوصفية عن وثيقة HTML
<script> يعرف برنامج نصي من جانب العميل
<style> يحدد نمط المعلومات عن وثيقة