بسم الله الرحمن الرحيم
سنتحدث في هذا الموضوع عن تنسيقات الروابط و بعض إستخداماتها
الرابط يستخدم الكلمة الدلالية <a> و يضاف لها السمة href و يكون كالتالى
<a href="Link">Text Or Image</a>
<a href="http://wd-n.blogspot.com">مدونة عالم نت</a>
<a href="http://wd-n.blogspot.com"><img src="https://fbexternal-a.akamaihd.net/safe_image.php?d=AQCoMGIxnFTrFQ44&w=155&h=114&url=http%3A%2F%2F1.bp.blogspot.com%2F-9hXfH2qYRY8%2FUe2XPzh2lJI%2FAAAAAAAAAhA%2FD2OJ9LNTANg%2FNew-Microsoft-PowerPoint-Presentation-%2525284%252529.gif " /></a>
يكون الناتج
إتجـــــــــــــــــــــاه الرابط
توجه الرابط أو إتجاه الرابط Target هى سمة مهمة جدا لابد من إضافتها للروابط
أثناء تصفح الزائر للمواضيع و يجد رابطا داخل الموضوع فيضغط عليه فينقله إلى موضوع أخر فيفقد الموضوع الذى كان أمامه يقرأه و هذا يؤدى إلى نفور الزوار
لذا من المهم إضافة هذه السمة و هى "target="_blank و هى تسمح للرابط أن يفتح في صفحة جديدة في المتصفح دون فقد الموضوع الحالى
<a href="http://wd-n.blogspot.com" target="_blank">مدونة عالم نت</a>
هـــــــــوية الروابط
داخل صفحة الموقع يمكن وضع روابط و لكنها لا تنقلك إلى صفحات أخرى و إنما تنقلك إلى جزء معين داخل الصفحة له نفس الهوية
لنفرض أن هناك عنصرا داخل صفحة الموقع له إسم الهوية tech و نريد أن نوجه الزائر له بإستخدام رابط
العنصر المثال مثلا الصورة السابقة و أضفنا لها عنصر الهوية tech كالتالى
<img id="tech" src="https://fbexternal-a.akamaihd.net/safe_image.php?d=AQCoMGIxnFTrFQ44&w=155&h=114&url=http%3A%2F%2F1.bp.blogspot.com%2F-9hXfH2qYRY8%2FUe2XPzh2lJI%2FAAAAAAAAAhA%2FD2OJ9LNTANg%2FNew-Microsoft-PowerPoint-Presentation-%2525284%252529.gif " />
الان سنضع رابط له هدف واحد فقط عند الضغط عليه يوجهك مباشرة إلى هذه الصورة
فيوضع رابط الصفحة التى تحتوى على هذا العنصر الذى تريد توجيه الزروا له وبعده مباشرة نضع علامة # ثم إسم الهوية
عنوان الموضوع هو http://wd-n.blogspot.com/2013/07/7-html.html فنضيف بعده مباشرة # ثم إسم الهوية
عنوان الموضوع هو http://wd-n.blogspot.com/2013/07/7-html.html فنضيف بعده مباشرة # ثم إسم الهوية
<a href="http://wd-n.blogspot.com/2013/07/7-html.html#tech">شاهد الصورة</a>
عند الضغط على "شاهد الصورة" ينقلك إلى أعلى الصفحة حيث توجد الصورة
رابط المــــــــــــراسلة
بإستخدام خصائص و عناصر HTML يمكن إنشاء رابط المراسلة بوضع بريدك الالكترونى به
و عند الضغط عليه يفتح برنامجا تلقائيا في المتصفح أو أحد برامج البريد الأخرى إن كان متوفرا في حاسبك
و من خلاله يستخدم لإرسال الرسائل لصاحب المدونة أو الموقع و يكون شكل الرابط كالتالى
<a href="mailto:someone@example.com">إتصل بنا</a>
<a href="mailto:webphantom18@gmail.com">إتصل بنا</a>
0 comments:
إرسال تعليق