اگر می خواهید مقالات موجود در سایت شما بین موارد فهرست انتقال مناسبی داشته باشند ، لنگر در سایت بسیار مفید است. آنها صفحه را به نقطه مورد نظر برگردانده یا صفحه مورد نظر را باز می کنند و به کاربر کمک می کنند تا به سرعت اطلاعات مورد نیاز خود را پیدا کند.
اگر در حال نوشتن سایت خود هستید ، باید به این فکر می کردید که چگونه ناوبری سایت خود را راحت تر کنید. برای اینکه کاربر مجبور نباشد در تمام صفحات سایت شما اطلاعات مورد نیاز خود را جستجو کند ، بهتر است از تکنیک "لنگر" استفاده کنید. این یک پیوند به هر اطلاعات یا سندی در هر نقطه از سایت شما ایجاد می کند.
تئوری
برای ایجاد یک لنگر ، به دو عنصر نیاز دارید:
- بخشی از کد ، که نشان دهنده پیوند به لنگر ما است ، در قسمت دیگری از سایت باقی مانده است.
- هر بخشی از کد که می تواند شناسه در آن مشخص شود ، لنگر ما است.
ابتدا باید قسمت اول لنگر را ایجاد کنید - پیوندی به آن. پیوند لنگر دارای دو قسمت است: پیوند صفحه و پیوند لنگر.
- یک برچسب "a" یا هر برچسب دیگری که از ویژگی "href" پشتیبانی کند ایجاد کنید
- در این برچسب ویژگی "href" ایجاد کنید
- پیوندی به صفحه سایت در مقدار ویژگی مشخص کنید.
- پس از پیوند ، پیوند به لنگر را با استفاده از علامت "#" و هر نامی برای لنگر نشان دهید (برای مثال با هم نوشته شده است: "# لنگر")
اگر از نقطه 3 رد شوید و پیوندی به صفحه سایت مشخص نکنید ، لنگر در صفحه فعلی جستجو می شود. یعنی اگر می خواهید پیوندی به لنگر واقع در همان صفحه ایجاد کنید ، می توانید پیوند خود صفحه را حذف کنید.
باقی مانده است که قسمت دوم لنگر - شناسه ایجاد شود. به هر برچسب در کد سایت که از ویژگی id پشتیبانی می کند ، اشاره دارد. برای ایجاد یک لنگر ، به موارد زیر نیاز دارید:
- ویژگی "id" را در برچسب مورد نیاز ایجاد کنید.
- در ویژگی "id" مقدار نام لنگر را که در مرحله قبل مشخص شده است ، مشخص کنید. (مثال:)
بعد از این دو مرحله ، پیوندی در سایت ظاهر می شود که شما را به لنگر مشخص شده هدایت می کند.
تمرین
بیایید نحوه ایجاد لنگر با استفاده از یک مثال خاص را بررسی کنیم.
ما یک صفحه ساده مانند این داریم:
ما در بالا و پایین صفحه متن داریم ، تعداد زیادی برچسب "br" که بین متن ها فاصله ایجاد می کنند. ما باید یک لنگر ایجاد کنیم تا بتوانیم به سرعت به متن در پایین نگاه کنیم.
برای انجام این کار ، یک برچسب جدید ایجاد کنید - "a" بعد از نوشته "متن در بالا". در آن ویژگی "href" ایجاد می کنیم. برای راحت تر کردن لنگر ، ما در لینک "پایین" را می نویسیم.
اکنون مقدار "#yakor" را در ویژگی مشخص می کنیم - این پیوندی به نام لنگر خواهد بود.
اولین قسمت لنگر - پیوند به آن - آماده است. اکنون تنها باقی مانده ایجاد لنگر است. به قسمت مورد نظر صفحه می رسیم. در این حالت ، "متن در پایین" است. از آنجا که این متن ساده و بدون برچسب است ، باید آن را ایجاد کنیم. برای انجام این کار ، متن را در یک "پاراگراف" ضمیمه کنید - برچسب "p".
در این برچسب ویژگی "id" را ایجاد می کنیم و مقدار "yakor" را در آن وارد می کنیم. مقدار "yakor" با نام لنگر که در پیوند مشخص شده مطابقت دارد.
اکنون لنگر ما همانطور که باید کار می کند.
