From 95aca4b4d8fa62815d4bd412fff1a364f842814a Mon Sep 17 00:00:00 2001 From: Ryan Johnson Date: Thu, 29 Apr 2021 16:16:42 -0700 Subject: remove retired locales (#699) --- .../web/html/element/heading_elements/index.html | 245 --------------------- 1 file changed, 245 deletions(-) delete mode 100644 files/ar/web/html/element/heading_elements/index.html (limited to 'files/ar/web/html/element/heading_elements') diff --git a/files/ar/web/html/element/heading_elements/index.html b/files/ar/web/html/element/heading_elements/index.html deleted file mode 100644 index 4770490bd3..0000000000 --- a/files/ar/web/html/element/heading_elements/index.html +++ /dev/null @@ -1,245 +0,0 @@ ---- -title: '

–

: عناصر العناوين' -slug: Web/HTML/Element/Heading_Elements -translation_of: Web/HTML/Element/Heading_Elements -original_slug: HTML/Element/headings_elements ---- -

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

- - - - - - - - - - - - - - - - - - - - - - - - - - - - -
فئات المحتوى Flow content, heading content, palpable content.
المحتوى المسموح بهPhrasing content.
إغفال الوسوملا شئ، كلاً من وسمّي الفتح والإقفال إجباري
الأباء المسموح بهم للعنصرAny element that accepts flow content; don't use an heading element as a child of the {{HTMLElement("hgroup")}} element — it is now deprecated.
Permitted ARIA roles{{ARIARole("tab")}}, {{ARIARole("presentation")}}
DOM interface{{domxref("HTMLHeadingElement")}}
- -

السمات

- -

هذه العناصر تتضمن السمات العامة.

- -
-

السمة align عفاء عنها الزمن، لا تستخدمها

-
- -

ملاحظات الإستخدام

- - - -

أمثلة

- -

جميع العناوين

- -

الكود التالي يظهر كل مستويات العناوين، قيد الإستخدام.

- -
<h1>Heading level 1</h1>
-<h2>Heading level 2</h2>
-<h3>Heading level 3</h3>
-<h4>Heading level 4</h4>
-<h5>Heading level 5</h5>
-<h6>Heading level 6</h6>
-
- -

هنا نتيجة هذا الكود:

- -

{{ EmbedLiveSample('All_headings', '280', '300', '') }}

- -

مثال لصفحة

- -

الكود التالي يظهر بعض العناوين مع بعض المحتوى بأسفلها.

- -
<h1>Heading elements</h1>
-<h2>Summary</h2>
-<p>Some text here...</p>
-
-<h2>Examples</h2>
-<h3>Example 1</h3>
-<p>Some text here...</p>
-
-<h3>Example 2</h3>
-<p>Some text here...</p>
-
-<h2>See also</h2>
-<p>Some text here...</p>
-
- -

هنا نتيجة هذا الكود:

- -

{{ EmbedLiveSample('Example_page', '280', '480', '') }}

- -

سهولة الوصول

- -

التنقل بين الأجزاء والصفحات

- -

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

- -

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

- -

لا تقم بالتالي:

- -
<h1>Heading level 1</h1>
-<h3>Heading level 3</h3>
-<h4>Heading level 4</h4>
-
- -

قم بالتالي:

- -
<h1>Heading level 1</h1>
-<h2>Heading level 2</h2>
-<h3>Heading level 3</h3>
-
- -

تسلسل العناوين -  Nesting

- -

قد يتم عمل تسلسل لبعض العناوين لتبدو كعناوين أقسام فرعية لعكس تنظيم محتوى الصفحة. أغلب قارئات الشاشات تستطيع أيضا تكوين قائمة مرتبة لكل العناوين التي في الصفحة، ما قد يساعد الشخص لتحديد التسلسل الهرمي للمحتوى بسرعة :

- -
    -
  1. h1 Beetles - -
      -
    1. h2 Etymology
      2. -
    2. h2 Distribution and Diversity
      3. -
    3. h2 Evolution -
        -
      1. h3 Late Paleozoic
        2. -
      2. h3 Jurassic
        3. -
      3. h3 Cretaceous
        4. -
      4. h3 Cenozoic
        5. -
      -
      4. -
    4. h2 External Morphology -
        -
      1. h3 Head -
          -
        1. h4 Mouthparts
          2. -
        -
        2. -
      2. h3 Thorax -
          -
        1. h4 Prothorax
          2. -
        2. h4 Pterothorax
          3. -
        -
        3. -
      3. h3 Legs
        4. -
      4. h3 Wings
        5. -
      5. h3 Abdomen
        6. -
      -
      5. -
    -
    2. -
- -

When headings are nested, heading levels may be "skipped" when closing a subsection.

- - - -

Labeling section content

- -

Another common navigation technique for users of screen reading software is to generate a list of sectioning content and use it to determine the page's layout.

- -

Sectioning content can be labeled using a combination of the aria-labelledby and {{htmlattrxref("id")}} attributes, with the label concisely describing the purpose of the section. This technique is useful for situations where there is more than one sectioning element on the same page.

- -

Example

- -
<header>
-  <nav aria-labelledby="primary-navigation">
-    <h2 id="primary-navigation">Primary navigation</h2>
-    <!-- navigation items -->
-  </nav>
-</header>
-
-<!-- page content -->
-
-<footer>
-  <nav aria-labelledby="footer-navigation">
-    <h2 id="footer-navigation">Footer navigation</h2>
-    <!-- navigation items -->
-  </nav>
-</footer>
-
- -

In this example, screen reading technology would announce that there are two {{HTMLElement("nav")}} sections, one called "Primary navigation" and one called "Footer navigation". If labels were not provided, the person using screen reading software may have to investigate each nav element's contents to determine their purpose.

- - - -

Specifications

- - - - - - - - - - - - - - - - - - - - - - - - - - -
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'sections.html#the-h1,-h2,-h3,-h4,-h5,-and-h6-elements', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}{{Spec2('HTML5 W3C')}} 
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.5', '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>')}}{{Spec2('HTML4.01')}} 
- -

Browser compatibility

- - - -

{{Compat("html.elements.h1")}}

- -

See also

- - - -
{{HTMLRef}}
-- cgit v1.2.3-54-g00ecf