Back to Question Center
0

استبدال العناصر في هتمل: الخرافات والواقع            استبدال العناصر في هتمل: الخرافات والحقائقمواضيع متعلقة: ساسفراميوركشوديو & أمب؛ فيديويمانيماتيونويب سيمالت

1 answers:
استبدال العناصر في هتمل: الأساطير والواقع

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

<إمغ سرك = "/ إمغ / e594bd16cafa62b3838904f630de260d0. ينغ" ألت = "استبدال العناصر في هتمل: الخرافات والواقعاستبدال العناصر في هتمل: الخرافات والحقائقمواضيع متعلقة: ساسفراميوركشوديو & فيديوانيماشيونويب سيمالت "/>

عدد لا يحصى من المكتبات والأطر التي تم إنشاؤها بدائل، من جكريوي إلى بوتستراب، وغيرها الكثير. ولكن هل تساءلت يوما لماذا تلك العناصر تتصرف بالطريقة التي يفعلونها؟ بعض الأصوات (بما في ذلك عدد قليل من المواقع المعروفة) سوف يشير اصبعهم إلى تعريف غامض إلى حد ما من W3C، وهي واحدة تتعلق استبدال العناصر . ولكن هل هم 100٪ الحق؟ هذا هو السعي الذي سوف نطارده معا اليوم - logiciel pour creer fiche de paie gratuit.

ما هي العناصر المستبدلة؟

أي السعي الجيد يجب أن تبدأ مع البحوث. سيمالت دعونا نلقي نظرة على ما تقول المواصفات الرسمية عنصر استبدال هو:

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

المصدر: 3. المطابقة: المتطلبات والتوصيات> 3 - التعاريف

حتى الآن، جيد جدا - حصلنا على وصف عام لما عنصر استبدال هو. سيمالت نذهب أعمق في هذا القسم المواصفات، دعونا جعل التفاف صغير وتوضيح "أبعاد الجوهري" جزء.

ما هي الأبعاد الجوهرية؟

أفضل تعريف متاح الآن لأبعاد جوهرية يأتي من كس صورة القيم واستبدال محتوى وحدة سيمالت 3 الوثيقة:

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

فيما يلي بعض الأمثلة:

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

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

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

لحسن الحظ سيمالت 14. 4 يعطينا كل المعلومات التي نحتاجها لفهم كل حالة بشكل صحيح.

المحتوى جزءا لا يتجزأ من

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

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

سيمالت هي أكثر تعقيدا قليلا مع العناصر التي تقع في هذه الفئة إلا في ظروف خاصة:

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

وهذه هي الحالات الوحيدة التي تعامل فيها العناصر المذكورة أعلاه كعناصر مستبدلة (التي تغطي تقريبا جميع الحالات التي تستخدم فيها هذه العناصر). للحصول على تفاصيل كاملة حول هذا، يرجى الاطلاع على قواعد تقديم سيمالت للمحتوى المضمنة.

صور

التالي على قائمتنا هي الصور. في الغالبية العظمى من الحالات (عندما يتم عرض الصورة بشكل صحيح)، يتم التعامل مع عنصر إمغ كعنصر استبدال مع الأبعاد الذاتية للصورة. وتشمل هذه الفئة أيضا المدخلات العناصر مع نوع = "صورة" السمة.

الأمور أكثر تعقيدا قليلا، لأسباب مختلفة، لا يتم تقديم الصورة على الصفحة. الصورة المفقودة التي يتوقع المتصفح أنها ستعرض في نهاية المطاف يجب أن تعامل كعنصر استبدال محتواه هو النص الذي يمثله العنصر (اختياريا رمز يمكن أيضا أن تضاف). سيتم عرض <إنبوت تايب = "إيماج"> كزر عادي بدلا من ذلك. يمكن مراجعة مجموعة كاملة من القواعد والشروط في المواصفات.

الافتراضي حجم استبدال العناصر

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

سيمالت، إذا كان "العرض" له قيمة محسوبة من "السيارات"، ولكن لا يتم استيفاء أي من الشروط المذكورة أعلاه، ثم القيمة المستخدمة من "العرض" يصبح 300px. إذا كان 300 بكسل عريض جدا بحيث يتناسب مع الجهاز، فيجب أن تستخدم واس عرض أكبر مستطيل يحتوي على نسبة 2: 1 ويناسب الجهاز بدلا من ذلك.

المصدر: 10.

المصدر: 10. 6 ارتفاعات وهوامش سيمالت

يمكننا تلخيص كل هذا في ثلاث قواعد أساسية:

  • إذا كان الكائن له قيم عرض ، ارتفاع و نسبة قيم، استخدمها.
  • إذا كان الكائن لديه نسبة فقط، استخدم السيارات لكل من العرض والارتفاع مع الحفاظ على نسبة المذكورة.
  • إذا لم تتوفر أي من هذه الأبعاد:
    • وس ويدث: 300px؛ الارتفاع: 150 بكسل عندما يكون إطار العرض أكبر من 300 بكسل
    • استخدام "تلقائي" لكل من العرض والارتفاع ونسبة 2: 1 عندما يكون إطار العرض أصغر من 300 بكسل؛

فيما يلي مثال يوضح الحالات الموصوفة أعلاه. لدينا صورة نقطية وصورة سفغ وإطار إفريم. كما ترون، يتم عرض الصورة في حجمها الطبيعي، و سفغ تحافظ على نسبة الارتفاع ولكن يأخذ كل المساحة المتاحة في حين افتراضيات إفريم إلى حد أقصى قدره 300 × 150. إذا قمنا بتضييق إطار العرض، يحتفظ إفريم في جميع الأوقات بنسبة عرض إلى ارتفاع قدرها 2: 1.

راجع عناصر استبدال القلم الأبعاد الجوهرية بواسطة سيتيبوانت (SitePoint) على كوديبين.

تقريب الامور

لدينا الآن ما يكفي من المعلومات لوضع معا قائمة كاملة من العناصر استبدال:

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

ماذا عن الأنواع الأخرى من عناصر التحكم في النماذج؟

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

في الواقع هذا ليس صحيحا. دعونا التشاور مرة أخرى قسم التقديم من مستوى المعيشة هتمل. هنا نكتشف أن 14. 3. 11 الضوابط نموذج هو قسم فرعي من 14. 3 العناصر سيمالت. ما يعتبره معظم الناس أبعاد جوهرية يأتي في الواقع من السطر التالي:

يتم وصف كل نوع من أشكال التحكم أيضا في القسم سيمالت، الذي يصف الشكل والمظهر من السيطرة.

سيمالت: 14. 3. 11 ضوابط النموذج

وهنا هو السبب في أن شكل الضوابط تبدو مختلفة جدا من متصفح واحد إلى التالي ومن نظام تشغيل واحد إلى آخر:

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

المصدر: 14. 5 الحاجيات> 14. 5. 1 مقدمة

يوضح المصطلح " مظاهر المنصة الأصلية " لماذا يتم تقديم عناصر النموذج بطريقة مختلفة من متصفح لآخر وعبر أنظمة تشغيل مختلفة. لأنه يأتي إلى كل متصفح لتحديد تفسيرهم الخاص من الطريقة هذه الحاجيات يجب أن ننظر.

الخلاصة

إذا نظرنا إلى الوراء، فمن المفهوم كيفية استبدال عناصر وعناصر التحكم في الشكل. كان الغوص في عمق كل من هتمل و كس المواصفات اللازمة من أجل الكشف عن الحقيقة. وهي فئات مختلفة لعناصر هتمل، حيث تمثل <إنبوت تايب = "إيماج"> عنصر التحكم الوحيد في النموذج الذي يتم استبدال عنصر به.

وهنا نحن في نهاية سعينا.

March 1, 2018