الزوار

السبت، 20 يوليو 2013

الدرس10 : إعطاء قيمة لكلمة داخل نص في لغة html5

بسم الله الرحمن الرحيم. اليوم سنتحدث عن كيف تعطي  قيمة لكلمة داخل نص معين في لغة html5 .

إعطاء كلمة ما القيمة في لغة html5 :

فلإعطاء كلمة ما القيمة في html5 . نستعمل وسم <strong> و الذي يعني أن هذه الكلمة قوية أو مهمة . و يمكن أيضا أن تستعمل وسم <em> لهذا الغرض. و هذه الأكواد مهمة لأنه من خلالها يستطيع محرك البحث التعرف على الكلمات المهمة في نصك . و بالتالي إظهار موقعك على محركات البحت في حين بحت شخص عليها.
strong html5

و يكتب كود html5 مثلا هكذا:


       
             
              charset="utf-8" />
              </span>العنوان<span style="color: #38761d;">
       

         
               
                  

إعطاء قيمة لكلمة معينة



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

       
يمكنك إنشاء صفحة كما تعلمنا سابقا و كتابة هذا الكود عليها.
بعد فتحك للصفحة على أحد المتصفحات ستلاحظ أن الكلمة التي كتبناها داخل ،تظهر بخط كبير هي تظهر كذلك فقط لأن المتصفح يفهم أنها مهمة و يميزها عن باقي الكلمات لكن ليس هذا هو دورها في لغة html5 . فدورها الحقيقي هو إعطاؤها قيمة، كتبسيط فإنك تقول لمحرك البحث إن هذه الكلمة مهمة. أما تغيير الخطوط فهو ب css و سنتطرق له قريبا.

التأشير لكلمة معينة في html5 :

للتأشير على كلمة في لغة html5 نستعمل وسم <markدورها هو التأشير يعني: لما يبحت شخص في موقعك عن كلمة معينة فهذا الوسم يساعد الزائر على إجاد ما يبحت عنه بسرعة. و لتجربة هذا الوسم فقط أكتب الكود السابق و بذل كلمتي strong ب mark . تم إعمل حفظ . بعد فتحك للصفحة في أحد المتصفحات (google chrome) ستجد أنه يوجد فوق تلك الكلمة غالبا مارك بالأصفر. لكن كما أقول دائما دورها هو إعطاء تأشير للكلمة و ليس التلوين لأن التلوين يتم ب css .


سأكون سعيدا بترك تعليقك بترك أو تشجيعك أو إنتقادك و شكرا على المتابعة.


ليست هناك تعليقات:

إرسال تعليق