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

في هذه المقالة ، ستتعرف على 11 سمة HTML ربما لم تسمع بها بعد.

1. مضاعف

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

استخدام سمات متعددة مع


استخدام سمات متعددة لإدخال الملف

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

استخدام سمات متعددة لإدخال البريد الإلكتروني

باستخدام السمة المتعددة لإدخال البريد الإلكتروني ، يمكنك إدخال قائمة بعناوين البريد الإلكتروني المفصولة بفواصل. ستتم إزالة جميع المساحات البيضاء من كل عنوان في القائمة.

2. قابل للتعديل

يمكنك جعل محتوى HTML قابلاً للتحرير على صفحة ويب باستخدام سمة contentableable. هذه سمة عامة ، أي أنها مشتركة بين جميع عناصر HTML.

instagram viewer 

Lorem ipsum dolor sit amet، consectetur adipisicing elit ،
sed do eiusmod tempor incidunt ut labore et dolore magna
اليكوا. Ut enim ad minim veniam، quis nostrud training
ullamco labouris nisi ut aliquip ex جوهرة نتيجة.

3. التدقيق الإملائي

تحدد سمة التدقيق الإملائي ما إذا كان يمكن فحص العنصر بحثًا عن أخطاء إملائية أم لا. يمكنك التدقيق الإملائي للنص بتنسيق أو نصًا في العناصر القابلة للتحرير أو نصًا في عناصر الإدخال (باستثناء كلمات المرور). p> 

  
 
 Lorem ipsum dolor sit amet، consectetur adipisicing elit، 
 sed do eiusmod tempor incidunt ut labore et dolore ماجنا 
 اليكوا. Ut enim ad minim veniam، quis nostrud training 
 ullamco labouris nisi ut aliquip ex eacommo نتيجة.

ذات صلة: ورقة الغش في أساسيات HTML: العلامات والسمات و المزيد span>

4. download

يمكنك تنزيل مورد باستخدام سمة التنزيل. تخبر سمة التنزيل المتصفح بتنزيل عنوان URL المحدد بدلاً من الانتقال إليه. يمكنك استخدام سمة التنزيل مع العلامة وعلامة .

ملاحظة strong>: سمة التنزيل فقط يعمل مع عناوين URL ذات الأصل نفسه. إنه يتبع قواعد سياسة نفس الأصل span>. 

   تنزيل

5. Accept

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

قبول ملف صوتي h3>

قبول ملف فيديو h3> 
    كود>

قبول ملف صورة h3> 
    كود>

قبول ملف Microsoft Word 

   Accept = ". doc، .docx، application / msword، application / vnd.openxmlformats-officedocument.wordprocessingml.document ">

قبول ملفات PNG أو JPEG

قبول ملف PDF

ذات صلة: تأثيرات HTML الرائعة التي يمكن لأي شخص إضافتها إلى مواقع الويب الخاصة به span>

6. ترجمة h2>

تخبر سمة الترجمة المتصفح بوجوب ترجمة العنصر أو عدم ترجمته عند ترجمة الصفحة. يمكن أن تحتوي على قيمتين: "نعم" أو "لا". p> 

  
 
 Lorem ipsum dolor sit amet، consectetur adipisicing elit 
 sed do eiusmod tempor incidunt ut labore et dolore ماجنا 
 اليكوا. Ut enim ad minim veniam، quis nostrud training 
 ullamco labouris nisi ut aliquip ex eacommo نتيجة.

ذات صلة: أمثلة بسيطة لرمز HTML يمكنك تعلمها في 10 الدقائق span>

7. الملصق h2>

تُستخدم سمة الملصق لإظهار صورة أثناء تنزيل الفيديو أو حتى يقوم المستخدم بتشغيل ملف الفيديو. p>

ملاحظة strong>: إذا لم تحدد أي شيء ، فلن يتم عرض أي شيء حتى يتم عرض الإطار الأول متوفرة. عندما يكون الإطار الأول متاحًا ، يتم عرضه كإطار ملصق. p> 

   src = " http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
poster="posterImage.png">

8. وضع الإدخال h2>

تشير سمة وضع الإدخال إلى المتصفح الذي تريد عرض لوحة المفاتيح عند قيام المستخدم بتحديد أي عنصر إدخال أو عنصر نصي. تقبل هذه السمة قيمًا متنوعة: p>

بلا h3> 
     pre > 
 رقمية  h3> 
    
 
 Tel 
 
    
 
 عشري  h3> 
    
 
 البريد الإلكتروني  h3> 
    
 
 URL 
 
    
 
 9. pattern

تتيح لك سمة النمط لعنصر تحديد تعبير عادي يتم التحقق من قيمة العنصر مقابله. يمكنك استخدام سمة النمط مع العديد من أنواع الإدخال مثل النص والتاريخ والبحث وعنوان URL والهاتف والبريد الإلكتروني وكلمة المرور. p>

ذات صلة: أفضل مواقع لـ أمثلة على ترميز HTML للجودة span>

10. الإكمال التلقائي h2>

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

.

11. ضبط تلقائي للصورة h2>

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

استخدام خاصية التركيز التلقائي مع عنصر الإدخال h3> 
   < / code>

استخدام خاصية التركيز التلقائي مع عنصر التحديد h3>

استخدام خاصية التركيز التلقائي مع عنصر textarea 

  
إذا كنت تريد إلقاء نظرة على الكود المصدري الكامل المستخدم في هذه المقالة ، فراجع ملف مستودع جيثب.


 اجعل حياتك أسهل باستخدام خطوط جافا سكريبت الواحدة


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


باستخدام سطر واحد فقط من التعليمات البرمجية ، يمكنك تبديل المصفوفة ، والعثور على متوسط ​​المصفوفة ، والتحقق مما إذا كانت المصفوفة فارغة ، وإنشاء لون سداسي عشري عشوائي ، وإنشاء UUID عشوائي ، وما إلى ذلك.



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




اقرأ التالي

شاركسقسقةبريد الالكتروني




مواضيع ذات صلة
    

  • برمجة
    • 

  • لغة البرمجة
    • 

  • لغات البرمجة
    • 

  • نصائح الترميز
    • 




عن المؤلف





يوفراج شاندرا (تم نشر 78 مقالة)
يوفراج طالب جامعي في علوم الكمبيوتر بجامعة دلهي بالهند. إنه متحمس لتطوير الويب Full Stack. عندما لا يكتب ، فإنه يستكشف عمق التقنيات المختلفة.

المزيد من Yuvraj Chandra







اشترك في نشرتنا الإخبارية


انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!


انقر هنا للاشتراك