TOC

This article is currently in the process of being translated into Arabic (~99% done).

HTML Basics:

Headings

يتم تعريف العناوين باستخدام العناصر من <h1> الى <h6> ، بحيث يكون <h1> أهم عنوان على الصفحة.

بالأسفل بعض الأمثلة على عناوين مختلفة

<h1>This is a H1-heading</h1>
<h3>This is a H3-heading</h3>
<h6>This is a H6-heading</h6>

العناوين مهمة لأن مستعرضات الويب تفسر العناوين على أنها بنية صفحتك. ولذلك يجب أن تستخدم العناوين فقط للعناوين الفعلية وليس لجعل النص غامق أو كبير. بالإضافة إلى هيكلة صفحتك، تزيد العناوين أيضا من إمكانية قراءة صفحاتك – فمن المرجح أن يقوم المستخدمون بتصفح محتوى صفحاتك بشكل سريع من خلال قراءة العناوين الرئيسية.

وفيما يلي مثال على كيفية استخدام عناوين مختلفة. يتم استخدام العناوين لتحديد الصفحة - يقوم HTML التالي بإنشاء بنية الصفحة هذه:

  1. المقدمة
  2. العودة إلى عناوين المستوى الثاني
  3. آخر عنوان بالمستوى الثاني
<!DOCTYPE html>
<html>
<head>
	<title>Your first HTML5 Document</title>
</head>
<body>
	<h1>Introduction</h1>
		<p>Okay, now we’re going somewhere! This is the first paragraph of the page.</p>
	<h2>The less important heading</h2>
		<p>This is the second paragraph and it is right below a h2-heading</p>
	<h3>My 3rd level heading</h3>
		<p>Just another paragraph </p>
	<h2>Back to 2nd level headings</h2>
	<h2>The last 2nd level heading</h2>
</body>
</html>
This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!