آشنایی با لینک های Anchor و HASH ها

در این مقاله یاد میگیریم که چطور در یک صفحه html به قسمت خاصی در همان صفحه پیوند یا به اصطلاح دیگر پرش داشته باشیم.

برای اینکه با قسمت خاصی از صفحه وبی که در آن قرار داریم ، پیوند بر قرار کنیم، باید از صفت name از تگ<a>…</a> برای نام گذاری آن بخش استفاده کنیم.این نام از حروف تشکیل می شود که باید منحصر به فرد نیز باشد. مثلا قسمتی از صفحه را انتخاب می کنیم و در آن قسمت دستور <a name="mesale1">…</a> را می نویسیم حال برای مراجعه به آن بخش کافی است در پیوند داخلی که ایجاد می کنیم علامت # و بعد نامی که انتخاب کرده بودیم را می نویسیم.همچنین به جای name میتوان از id هم استفاده کرد. در این مثال باید بنویسیم <a href="#mesale1">…</a>. مثال کامل زیر بهتر به تشریح این موضوع خواهد پرداخت.

    <html>
   <head>
      <title>my page</title>
   </head>
   <body>
        <h3><a href="#Chapter 1">Introduction</a></h3>
        <h3><a href="#Chapter 2">html text</a></h3>
        <h3><a href="#Chapter 3">html links</a></h3>
        <a name=" Chapter 1"> Introduction </a>
        <!-- Introdution متن مربوط به  -->
        <a name=" Chapter 2"> html text</a>
        <!-- html text متن مربوط به  -->
        <a name=" Chapter 3"> html links</a>
        <!-- html links متن مربوط به  -->
    </body>
</html>

در مثال بالا فرض کنید صفحه وبی داریم که شامل اطلاعاتی در مورد html است که به 3 فصل html links, html text ,Introduction تقسیم شده است که در بالای صفحه آمده اند. توضیح همه این فصل ها درهمین صفحه قرار دارد. حال برای دیدن متن مربوط به html text کافی است بر روی لینک html text کلیک کنیم. به یاد داریم که این نوع پیوند ، پیوند داخلی نام دارد.

کامنت جدید ...