عنصر <a> (الإرساء) ينشئ ارتباطًا تشعبيًا. يحدد href الوجهة، التي يمكن أن تكون URL أو مسارًا أو إرساءً داخل الصفحة أو مخطط خاص.
html
External site
Internal page (relative)
Jump to an element with id="section2"
Send email
Call us
<a href="https://other.com" target="_blank" rel="noopener noreferrer">
Opens in a new tab
</a>
يفتح target="_blank" علامة تبويب جديدة، لكن يجب عليك إضافة rel="noopener": بدونها، يمكن للصفحة الجديدة الوصول إلى window.opener وإعادة توجيه صفحتك محتملاً (هجوم "tab-nabbing"). noreferrer يزيل رأس المحيل أيضًا. المتصفحات الحديثة تضمن noopener لـ _blank، لكن إضافتها صراحةً هي أفضل ممارسة.
<a href="..." rel="nofollow">Don't pass SEO ranking (untrusted/user links)</a>
<a href="..." rel="noopener">Security: no window.opener access
Paid/affiliate link
<a href="#top">Back to top</a>
...
<div id="top">...</div> <!-- the link scrolls here -->
النقر يمرر إلى العنصر الذي يطابق id الجزء.
الإرساءات هي العمود الفقري لملاحة الويب.
معرفة مخططات href (نسبي، مطلق، جزء، mailto/tel)، وزوج الأمان target="_blank" + rel="noopener"، وقيم rel ذات الصلة بـ SEO ضرورية للربط الصحيح والآمن.
مكتبة من أسئلة مقابلات تقنية المعلومات مع إجابات مفصّلة — من المبتدئ إلى المتقدم.
تبرع