CSS Specification: Difference between revisions

Latest revision as of 00:03, 23 April 2025

مواصفات CSS: دليل شامل للمبتدئين

مقدمة

مواصفات CSS (Cascading Style Sheets) هي اللغة القياسية لتنسيق مستندات الويب المكتوبة بلغات مثل HTML. تحدد هذه المواصفات كيف يجب عرض العناصر المرئية على الشاشة، أو على الورق، أو في وسائط أخرى. فهم CSS ضروري لأي شخص يتطلع إلى تطوير مواقع ويب احترافية وجذابة. هذا المقال يقدم شرحًا شاملاً لمواصفات CSS للمبتدئين، مع التركيز على المفاهيم الأساسية والتطبيقات العملية.

ما هي CSS؟

CSS ليست لغة برمجة، بل هي لغة وصفية. بمعنى آخر، إنها تصف *كيف* يجب أن تظهر عناصر HTML، وليس *ما* يجب أن تفعل. تسمح لك CSS بالتحكم في جوانب مختلفة من مظهر صفحة الويب، مثل:

الألوان
الخطوط
التخطيط
الخلفيات
التأثيرات المرئية

أنواع CSS

هناك ثلاث طرق رئيسية لتطبيق CSS على مستندات HTML:

CSS المضمنة (Inline CSS): يتم تطبيق الأنماط مباشرة داخل عنصر HTML باستخدام سمة `style`. على الرغم من سهولة استخدامها، فإنها تعتبر ممارسة سيئة لأنها تجعل الشيفرة صعبة الصيانة.
CSS الداخلية (Internal CSS): يتم تعريف الأنماط داخل عنصر `<style>` في قسم `<head>` من مستند HTML. هذا النهج مناسب لتصميم صفحة واحدة فقط.
CSS الخارجية (External CSS): يتم تعريف الأنماط في ملف منفصل بلاحقة `.css` ثم يتم ربط هذا الملف بمستند HTML باستخدام عنصر `<link>`. هذه هي الطريقة الأكثر شيوعًا والأكثر تفضيلاً لتطبيق CSS، حيث تسمح بإعادة استخدام الأنماط عبر صفحات متعددة وتسهل الصيانة.

بناء جملة CSS

تتكون قاعدة CSS من جزأين رئيسيين:

المحدد (Selector): يحدد العنصر (أو العناصر) التي سيتم تطبيق الأنماط عليها. يمكن أن يكون المحدد اسم عنصر HTML (مثل `p` للفقرات)، أو فئة (class) (مثل `.my-class`)، أو معرف (ID) (مثل `#my-id`)، أو مجموعة من هذه العناصر.
الإعلان (Declaration): يحدد الأنماط التي سيتم تطبيقها على المحدد. يتكون الإعلان من خاصية (property) وقيمة (value) مفصولة بنقطتين (:)، وتنتهي بفاصلة منقوطة (;).

مثال:

```css p {

 color: blue;
 font-size: 16px;

} ```

في هذا المثال، `p` هو المحدد، و `color` و `font-size` هما الخاصيتان، و `blue` و `16px` هما القيمتان.

المحددات في CSS

تتوفر أنواع مختلفة من المحددات في CSS، مما يتيح لك استهداف عناصر معينة بدقة:

محددات العناصر (Element Selectors): تستهدف عناصر HTML بناءً على اسمها (مثل `h1`, `div`, `span`).
محددات الفئات (Class Selectors): تستهدف العناصر التي تحتوي على فئة معينة (مثل `.highlight`).
محددات المعرفات (ID Selectors): تستهدف عنصرًا واحدًا بمعرف معين (مثل `#header`).
محددات السمات (Attribute Selectors): تستهدف العناصر بناءً على سماتها (مثل `[type="text"]`).
المحددات الزائفة (Pseudo-classes): تستهدف العناصر بناءً على حالتها (مثل `:hover`, `:active`, `:visited`).
المحددات الزائفة للعناصر (Pseudo-elements): تسمح لك بتنسيق أجزاء معينة من العنصر (مثل `::before`, `::after`).
محددات التجميع (Combinators): تجمع بين المحددات لتحديد علاقات بين العناصر (مثل `div p` لاستهداف الفقرات داخل div).

نموذج الصندوق (Box Model)

يعتبر نموذج الصندوق أساسيًا لفهم كيفية عمل CSS. يمثل كل عنصر HTML على أنه صندوق، ويتكون هذا الصندوق من:

المحتوى (Content): النص أو الصور أو أي محتوى آخر داخل العنصر.
الحشو (Padding): المساحة بين المحتوى وحدود العنصر.
الحدود (Border): الخط الذي يحيط بالعنصر.
الهامش (Margin): المساحة حول العنصر، خارج الحدود.

فهم نموذج الصندوق ضروري للتحكم في تخطيط العناصر وتحديد المسافات بينها.

التخطيط باستخدام CSS

توفر CSS طرقًا مختلفة لتخطيط العناصر على صفحة الويب:

التخطيط العادي (Normal Flow): العناصر تظهر بترتيب ظهورها في كود HTML، من اليسار إلى اليمين ومن الأعلى إلى الأسفل.
العرض المرن (Flexbox): يوفر طريقة فعالة لتوزيع العناصر داخل حاوية، مع التحكم في المحاذاة والترتيب.
الشبكة (Grid): يوفر نظام تخطيط ثنائي الأبعاد يسمح بإنشاء تخطيطات معقدة بسهولة.
العرض الموضعي (Positioning): يسمح لك بتحديد موقع العناصر بشكل دقيق على الصفحة باستخدام خصائص مثل `position`, `top`, `right`, `bottom`, و `left`.

التحويلات والانتقالات والرسوم المتحركة

CSS يسمح أيضًا بإضافة تأثيرات بصرية إلى العناصر:

التحويلات (Transforms): تسمح لك بتدوير العناصر، وتغيير حجمها، وتحريكها، وإمالتها.
الانتقالات (Transitions): تسمح لك بتغيير قيم الخصائص CSS بسلاسة على مدى فترة زمنية محددة.
الرسوم المتحركة (Animations): تسمح لك بإنشاء رسوم متحركة أكثر تعقيدًا باستخدام إطارات رئيسية (keyframes).

أدوات تطوير المتصفح

أدوات تطوير المتصفح (Browser Developer Tools) هي أدوات قوية تساعدك على فحص وتعديل CSS في الوقت الفعلي. تتيح لك هذه الأدوات:

فحص عناصر HTML ورؤية الأنماط المطبقة عليها.
تعديل الأنماط مباشرة في المتصفح لمعرفة تأثيرها على الفور.
تصحيح أخطاء CSS.
تحليل أداء صفحة الويب.

موارد إضافية

استراتيجيات تداول الخيارات الثنائية ذات الصلة

روابط أخرى ذات صلة

ابدأ التداول الآن

سجل في IQ Option (الحد الأدنى للإيداع $10) افتح حساباً في Pocket Option (الحد الأدنى للإيداع $5)

انضم إلى مجتمعنا

اشترك في قناة Telegram الخاصة بنا @strategybin للحصول على: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات باتجاهات السوق ✓ مواد تعليمية للمبتدئين

@@ Line 1: / Line 1: @@
-=== مواصفات CSS: دليل شامل للمبتدئين ===
+# مواصفات CSS: دليل شامل للمبتدئين
-'''مقدمة'''
+=== مقدمة ===
+مواصفات CSS (Cascading Style Sheets) هي اللغة القياسية لتنسيق مستندات الويب المكتوبة بلغات مثل [[HTML]]. تحدد هذه المواصفات كيف يجب عرض العناصر المرئية على الشاشة، أو على الورق، أو في وسائط أخرى. فهم CSS ضروري لأي شخص يتطلع إلى تطوير مواقع ويب احترافية وجذابة. هذا المقال يقدم شرحًا شاملاً لمواصفات CSS للمبتدئين، مع التركيز على المفاهيم الأساسية والتطبيقات العملية.
-تُعتبر مواصفات CSS (Cascading Style Sheets) حجر الزاوية في تصميم وتنسيق صفحات الويب. هي اللغة القياسية المستخدمة لوصف شكل ومظهر مستند مكتوب بلغة ترميز مثل [[HTML]]. بدلاً من تضمين التنسيق مباشرةً داخل كود HTML، تسمح CSS بفصل المحتوى عن العرض التقديمي، مما يجعل إدارة مواقع الويب وتحديثها أكثر كفاءة ومرونة. هذا المقال موجه للمبتدئين ويهدف إلى تقديم شرح مفصل لمفهوم مواصفات CSS وأهميتها وكيفية عملها.
+=== ما هي CSS؟ ===
+CSS ليست لغة برمجة، بل هي لغة وصفية. بمعنى آخر، إنها تصف *كيف* يجب أن تظهر عناصر HTML، وليس *ما* يجب أن تفعل.  تسمح لك CSS بالتحكم في جوانب مختلفة من مظهر صفحة الويب، مثل:
-== ما هي مواصفات CSS؟ ==
+*   الألوان
+*   الخطوط
+*   التخطيط
+*   الخلفيات
+*   التأثيرات المرئية
-ببساطة، CSS هي مجموعة من القواعد التي تخبر المتصفح بكيفية عرض عناصر HTML. هذه القواعد تتكون من '''محددات''' (Selectors) و '''خصائص''' (Properties) و '''قيم''' (Values).  المحدد يحدد العنصر أو العناصر التي سيتم تطبيق التنسيق عليها، بينما تحدد الخصائص جانبًا معينًا من التنسيق (مثل اللون، الخط، الحجم)، والقيمة تحدد ما يجب أن تكون عليه هذه الخاصية.
+=== أنواع CSS ===
+هناك ثلاث طرق رئيسية لتطبيق CSS على مستندات HTML:
-مثال:
+*   '''CSS المضمنة (Inline CSS):''' يتم تطبيق الأنماط مباشرة داخل عنصر HTML باستخدام سمة `style`.  على الرغم من سهولة استخدامها، فإنها تعتبر ممارسة سيئة لأنها تجعل الشيفرة صعبة الصيانة.
+*   '''CSS الداخلية (Internal CSS):''' يتم تعريف الأنماط داخل عنصر `<style>` في قسم `<head>` من مستند HTML.  هذا النهج مناسب لتصميم صفحة واحدة فقط.
+*   '''CSS الخارجية (External CSS):''' يتم تعريف الأنماط في ملف منفصل بلاحقة `.css` ثم يتم ربط هذا الملف بمستند HTML باستخدام عنصر `<link>`.  هذه هي الطريقة الأكثر شيوعًا والأكثر تفضيلاً لتطبيق CSS، حيث تسمح بإعادة استخدام الأنماط عبر صفحات متعددة وتسهل الصيانة.
-<code>p { color: blue; font-size: 16px; }</code>
+=== بناء جملة CSS ===
+تتكون قاعدة CSS من جزأين رئيسيين:
-في هذا المثال:
+*   '''المحدد (Selector):''' يحدد العنصر (أو العناصر) التي سيتم تطبيق الأنماط عليها.  يمكن أن يكون المحدد اسم عنصر HTML (مثل `p` للفقرات)، أو فئة (class) (مثل `.my-class`)، أو معرف (ID) (مثل `#my-id`)، أو مجموعة من هذه العناصر.
+*   '''الإعلان (Declaration):'''  يحدد الأنماط التي سيتم تطبيقها على المحدد.  يتكون الإعلان من خاصية (property) وقيمة (value) مفصولة بنقطتين (:)، وتنتهي بفاصلة منقوطة (;).
-*   '''p''' هو المحدد، ويستهدف جميع عناصر الفقرة (<p>).
+مثال:
-*   '''color''' و '''font-size''' هما الخصائص.
-*   '''blue''' و '''16px''' هما القيم.
-هذا الكود سيجعل نص جميع الفقرات على الصفحة باللون الأزرق وبحجم خط 16 بكسل.
-== أنواع مواصفات CSS ==
-هناك ثلاث طرق رئيسية لتطبيق CSS على مستند HTML:
+```css
+p {
+  color: blue;
+  font-size: 16px;
+}
+```
-*   '''CSS المضمن (Inline CSS):''' يتم تطبيق التنسيق مباشرةً على عنصر HTML باستخدام السمة ''style''. هذه الطريقة تعتبر الأقل فعالية وأقل قابلية للصيانة.
+في هذا المثال، `p` هو المحدد، و `color` و `font-size` هما الخاصيتان، و `blue` و `16px` هما القيمتان.
-*   '''CSS الداخلي (Internal CSS):''' يتم تعريف CSS داخل عنصر <style> في قسم <head> من مستند HTML. هذه الطريقة مفيدة لتنسيق صفحة واحدة.
-*   '''CSS الخارجي (External CSS):''' يتم تعريف CSS في ملف منفصل بامتداد .css ويتم ربطه بمستند HTML باستخدام عنصر <link>. هذه الطريقة هي الأكثر شيوعًا والأكثر تنظيمًا، وتسمح بإعادة استخدام CSS عبر صفحات متعددة.
-'''ملاحظة:'''  CSS الخارجي يوفر أفضل ممارسة من ناحية '''الأداء''' و '''الصيانة''' و '''قابلية التوسع'''.
+=== المحددات في CSS ===
+تتوفر أنواع مختلفة من المحددات في CSS، مما يتيح لك استهداف عناصر معينة بدقة:
-== هيكل مواصفات CSS ==
+*   '''محددات العناصر (Element Selectors):''' تستهدف عناصر HTML بناءً على اسمها (مثل `h1`, `div`, `span`).
+*   '''محددات الفئات (Class Selectors):''' تستهدف العناصر التي تحتوي على فئة معينة (مثل `.highlight`).
+*   '''محددات المعرفات (ID Selectors):''' تستهدف عنصرًا واحدًا بمعرف معين (مثل `#header`).
+*   '''محددات السمات (Attribute Selectors):''' تستهدف العناصر بناءً على سماتها (مثل `[type="text"]`).
+*   '''المحددات الزائفة (Pseudo-classes):'''  تستهدف العناصر بناءً على حالتها (مثل `:hover`, `:active`, `:visited`).
+*   '''المحددات الزائفة للعناصر (Pseudo-elements):'''  تسمح لك بتنسيق أجزاء معينة من العنصر (مثل `::before`, `::after`).
+*   '''محددات التجميع (Combinators):'''  تجمع بين المحددات لتحديد علاقات بين العناصر (مثل `div p` لاستهداف الفقرات داخل div).
-تتبع مواصفات CSS هيكلًا هرميًا. القواعد الأكثر تحديدًا تتجاوز القواعد الأقل تحديدًا. هذا ما يسمى بـ '''التتالي''' (Cascading).  فهم التتالي أمر بالغ الأهمية لكتابة CSS فعالة. هناك عدة عوامل تؤثر على التتالي، بما في ذلك:
+=== نموذج الصندوق (Box Model) ===
+يعتبر نموذج الصندوق أساسيًا لفهم كيفية عمل CSS. يمثل كل عنصر HTML على أنه صندوق، ويتكون هذا الصندوق من:
-*   '''الأهمية (Specificity):'''  تحدد مدى تحديد المحدد.  المحددات الأكثر تحديدًا لها الأولوية.
+*   '''المحتوى (Content):''' النص أو الصور أو أي محتوى آخر داخل العنصر.
-*   '''ترتيب المصدر (Source Order):''' إذا كانت هناك قواعد متساوية في الأهمية، فإن القاعدة التي تظهر لاحقًا في الكود لها الأولوية.
+*   '''الحشو (Padding):''' المساحة بين المحتوى وحدود العنصر.
-*   '''!important:'''  يمكن استخدام الكلمة المفتاحية !important لإعطاء قاعدة أولوية قصوى، ولكن يجب استخدامها بحذر.
+*   '''الحدود (Border):''' الخط الذي يحيط بالعنصر.
+*   '''الهامش (Margin):''' المساحة حول العنصر، خارج الحدود.
-== مفاهيم أساسية في CSS ==
+فهم نموذج الصندوق ضروري للتحكم في تخطيط العناصر وتحديد المسافات بينها.
-*   '''المحددات (Selectors):'''  تستخدم لتحديد عناصر HTML التي سيتم تطبيق التنسيق عليها. هناك أنواع مختلفة من المحددات، بما في ذلك:
+=== التخطيط باستخدام CSS ===
-    *   '''محددات العناصر (Element Selectors):''' تستهدف عناصر HTML بناءً على اسمها (مثل p, h1, div).
+توفر CSS طرقًا مختلفة لتخطيط العناصر على صفحة الويب:
-    *   '''محددات الفئات (Class Selectors):''' تستهدف عناصر HTML ذات فئة معينة (مثل .my-class).
-    *   '''محددات المعرفات (ID Selectors):''' تستهدف عنصر HTML بمعرف فريد (مثل #my-id).
-    *   '''المحددات الزائفة (Pseudo-classes):''' تستهدف عناصر HTML بناءً على حالتها (مثل :hover, :active).
-    *   '''المحددات الزائفة للعناصر (Pseudo-elements):''' تسمح بتنسيق أجزاء معينة من عنصر HTML (مثل ::first-line, ::before).
-*   '''الخصائص (Properties):'''  تحدد جوانب التنسيق التي سيتم تغييرها (مثل color, font-size, margin, padding).
-*   '''الوحدات (Units):'''  تستخدم لتحديد قيم الخصائص (مثل px, em, %, rem).
-*   '''نماذج الصندوق (Box Model):'''  يمثل كل عنصر HTML كمربع يتكون من المحتوى والحشو والحدود والهامش. فهم نموذج الصندوق ضروري لتصميم تخطيطات دقيقة.
-*   '''التخطيط (Layout):'''  تتضمن طرقًا مختلفة لترتيب العناصر على الصفحة، مثل:
-    *   '''التخطيط الطبيعي (Normal Flow):'''  هو التخطيط الافتراضي الذي يتبعه المتصفح.
-    *   '''Float:'''  يستخدم لتعويم العناصر إلى اليسار أو اليمين.
-    *   '''Position:'''  يستخدم لتحديد موضع العناصر بدقة.
-    *   '''Flexbox:'''  نموذج تخطيط مرن يسمح بتوزيع العناصر بشكل فعال.
-    *   '''Grid:'''  نموذج تخطيط قوي يسمح بإنشاء تخطيطات معقدة.
-== أدوات تطوير CSS ==
+*   '''التخطيط العادي (Normal Flow):'''  العناصر تظهر بترتيب ظهورها في كود HTML، من اليسار إلى اليمين ومن الأعلى إلى الأسفل.
+*   '''العرض المرن (Flexbox):'''  يوفر طريقة فعالة لتوزيع العناصر داخل حاوية، مع التحكم في المحاذاة والترتيب.
+*   '''الشبكة (Grid):'''  يوفر نظام تخطيط ثنائي الأبعاد يسمح بإنشاء تخطيطات معقدة بسهولة.
+*   '''العرض الموضعي (Positioning):''' يسمح لك بتحديد موقع العناصر بشكل دقيق على الصفحة باستخدام خصائص مثل `position`, `top`, `right`, `bottom`, و `left`.
-هناك العديد من الأدوات المتاحة لمساعدة المطورين في كتابة CSS:
+=== التحويلات والانتقالات والرسوم المتحركة ===
+CSS يسمح أيضًا بإضافة تأثيرات بصرية إلى العناصر:
-*   '''أدوات المطورين في المتصفح (Browser Developer Tools):'''  توفر أدوات فحص وتعديل CSS مباشرةً في المتصفح.
+*   '''التحويلات (Transforms):''' تسمح لك بتدوير العناصر، وتغيير حجمها، وتحريكها، وإمالتها.
-*   '''محررات الأكواد (Code Editors):'''  مثل Visual Studio Code, Sublime Text, Atom، توفر ميزات مثل الإكمال التلقائي وتسليط الأخطاء.
+*   '''الانتقالات (Transitions):''' تسمح لك بتغيير قيم الخصائص CSS بسلاسة على مدى فترة زمنية محددة.
-*   '''Preprocessors:''' مثل Sass و Less، تسمح باستخدام ميزات متقدمة مثل المتغيرات والدوال لتبسيط كتابة CSS.
+*   '''الرسوم المتحركة (Animations):''' تسمح لك بإنشاء رسوم متحركة أكثر تعقيدًا باستخدام إطارات رئيسية (keyframes).
-== موارد إضافية ==
+=== أدوات تطوير المتصفح ===
+أدوات تطوير المتصفح (Browser Developer Tools) هي أدوات قوية تساعدك على فحص وتعديل CSS في الوقت الفعلي.  تتيح لك هذه الأدوات:
-*   [[W3Schools CSS Tutorial]]
+*   فحص عناصر HTML ورؤية الأنماط المطبقة عليها.
-*   [[MDN Web Docs CSS]]
+*   تعديل الأنماط مباشرة في المتصفح لمعرفة تأثيرها على الفور.
-*   [[CSS Tricks]]
+*   تصحيح أخطاء CSS.
+*   تحليل أداء صفحة الويب.
-== استراتيجيات تداول الخيارات الثنائية و CSS ==
+=== موارد إضافية ===
+*   [[مدخل CSS الرسمي]]
+*   [[موقع W3Schools CSS]]
+*   [[موقع MDN Web Docs CSS]]
-على الرغم من أن CSS لا ترتبط بشكل مباشر بتداول الخيارات الثنائية، إلا أن فهمها ضروري لإنشاء '''واجهات مستخدم (User Interfaces)''' جذابة وسهلة الاستخدام لمنصات التداول. تصميم واجهة مستخدم جيدة يمكن أن يساعد المتداولين على اتخاذ قرارات مستنيرة.  فهم '''التحليل الفني''' و '''التحليل الأساسي''' ضروري لتداول الخيارات الثنائية، ولكن واجهة المستخدم الجيدة تساعد في عرض هذه التحليلات بشكل فعال.
+=== استراتيجيات تداول الخيارات الثنائية ذات الصلة ===
-== استراتيجيات تداول الخيارات الثنائية ذات الصلة: ==
-*   [[استراتيجية 60 ثانية]]
-*   [[استراتيجية بينالي]]
-*   [[استراتيجية مارتينجال]]
 *   [[استراتيجية الاختراق]]
-*   [[استراتيجية التداول مع الأخبار]]
+*   [[استراتيجية المتوسط المتحرك]]
-*   [[استراتيجية التداول بناءً على الاتجاه]]
+*   [[استراتيجية مؤشر القوة النسبية]]
-*   [[استراتيجية التداول العكسي]]
+*   [[استراتيجية بولينجر باند]]
-*   [[استراتيجية التداول مع المتوسطات المتحركة]]
+*   [[استراتيجية خطوط الاتجاه]]
-*   [[استراتيجية التداول مع مؤشر RSI]]
+*   [[استراتيجية النماذج السعرية]]
-*   [[استراتيجية التداول مع مؤشر MACD]]
+*   [[استراتيجية تداول الأخبار]]
-*   [[استراتيجية التداول مع أنماط الشموع اليابانية]]
+*   [[تداول الاختراق السعري]]
-*   [[استراتيجية التداول مع خطوط فيبوناتشي]]
+*   [[تداول ارتداد السعر]]
-*   [[استراتيجية التداول مع مستويات الدعم والمقاومة]]
+*   [[تداول الاتجاه]]
-*   [[استراتيجية التداول مع أنماط الرسوم البيانية]]
+*   [[تداول المضاربة]]
-*   [[استراتيجية التداول مع حجم التداول]]
+*   [[تحليل حجم التداول]]
+*   [[تحليل الشموع اليابانية]]
-== تحليل حجم التداول و CSS ==
+*   [[مؤشر الماكد]]
+*   [[مؤشر الاستوكاستيك]]
-يمكن استخدام CSS لتمثيل '''حجم التداول''' بشكل مرئي في الرسوم البيانية والمخططات، مما يساعد المتداولين على تحديد الاتجاهات ونقاط الدخول والخروج المحتملة.
-== تحليل فني و CSS ==
-عرض '''المؤشرات الفنية''' (مثل المتوسطات المتحركة و RSI و MACD) بشكل واضح وفعال هو أمر بالغ الأهمية. يمكن استخدام CSS لتخصيص ألوان الخطوط وأحجامها وأنماطها لجعل المؤشرات سهلة القراءة والفهم.
-'''خاتمة'''
-مواصفات CSS هي أداة قوية لتصميم وتنسيق صفحات الويب. فهم أساسيات CSS يسمح للمطورين بإنشاء مواقع ويب جذابة وسهلة الاستخدام وفعالة.  مع الاستمرار في التطور، من المهم البقاء على اطلاع بأحدث التقنيات والممارسات في مجال CSS.
+=== روابط أخرى ذات صلة ===
+*   [[HTML]]
+*   [[JavaScript]]
+*   [[تنسيقات الويب]]
+*   [[تصميم الويب]]
+*   [[تطوير الويب]]
+*   [[الواجهة الأمامية (Front-end)]]
+*   [[الواجهة الخلفية (Back-end)]]
+*   [[الاستجابة (Responsiveness)]]
+*   [[إمكانية الوصول (Accessibility)]]
+*   [[تحسين محركات البحث (SEO)]]
+*   [[أدوات تطوير المتصفح]]
+*   [[تخزين مؤقت للمتصفح]]
+*   [[أداء الويب]]
+*   [[أمان الويب]]
+*   [[معايير الويب]]
-[[تصنيف:الفئة:تنسيقات_الويب]]
+[[Category:تنسيقات_الويب]]
 == ابدأ التداول الآن ==