راهنمای مبتدی به HTML5 لینک های مکان یاب

پیوندهای چیدمان HTML5 برای چیست؟

برای HTML5 یک جاواپنداری بسازید، یک تگ یک خصیصه مورد نیاز: href. اما HTML5 حتی آن ویژگی را اختیاری می سازد. وقتی یک تگ را بدون هر گونه صفات بنویسید، آن را یک لینک حفره یا سوراخ نامیده می شود.

یک لینک حفره یابی به نظر می رسد این است:

قبلی

استفاده از Linksholder Links در طول توسعه

تقریبا هر طراح وب، هنگام طراحی و ساخت یک وبسایت، یک بار در کنار هم یک لینک حفره یا سوراخ ایجاد کرده است. قبل از HTML5، ما نوشتیم:

پیوند متن

به عنوان نگهدارنده و من سایت های قالب بندی را به مشتریان با آن متغیرهایی ارسال کرده ام تا مشتری بتواند از من بپرسد «چرا لینک ها در متن کار نمی کنند؟»

مشکل استفاده از hashtag (#) به عنوان یک لینک حفره یا سوراخ دهنده این است که لینک قابل کلیک است و این می تواند مشتریان شما را سردرگمی کند. و اگر کسی فراموش کند که آنها را با URL های صحیح بهروزرسانی کند، این لینکها ممکن است در سایت زنده شکسته شوند زیرا آنها به هیچ چیزی پیوند ندارند.

در عوض، شما باید از یک برچسب بدون هیچ گونه ویژگی استفاده کنید. شما می توانید این سبک را به مانند هر پیوند دیگر در صفحه ببینید، اما آنها قابل کلیک نیستند زیرا فقط متغیرهایی هستند.

با استفاده از لینک اشاره گرها در سایتهای زنده

اما لینک حفره یا حفره یا سوراخ در طراح وب به جای توسعه فقط جایگاهی دارد. یک مکان که پیوند حفره یا ترتیب دهنده می تواند درخشش باشد، در ناوبری است. در بسیاری از موارد، لیست های ناوبری وب برخی از راه های نشان می دهد که کدام صفحه شما هستید. اینها اغلب "شاخص شما" هستند.

اکثر سایت ها به ویژگی های id بر عنصر نیاز دارند که نشان دهنده "شما در اینجا هستند" هستند، اما برخی از ویژگی های کلاس نیز استفاده می کنند. با این حال، هر کدام از ویژگی های مورد استفاده شما، شما باید یک مقدار زیادی از کار را به هر صفحه ای که دارای ناوبری روی آن است، اضافه کنید و از ویژگی های صحیح از عناصر صحیح حذف کنید.

با یک لینک حفره یا سوراخ، شما می توانید ناوبری خود را بنویسید اما شما می خواهید، و پس از آن شما به راحتی ویژگی های href را از لینک مناسب هنگامی که شما اضافه کردن ناوبری به یک صفحه. من تمام لیست ناوبری خود را به عنوان قطعه ای از ویرایشگر خود ذخیره می کنم، بنابراین فقط یک کپی کپی است و سپس href را حذف کنید. شما همچنین می توانید سیستم مدیریت محتوا خود را برای انجام همان کار.

و علاوه بر اضافه کردن یک ظاهر خاص (من به شما در زیر نشان می دهد) به یک لینک حفره یا سوراخ، لینک قابل کلیک نیست. بنابراین، مشتریان فکر نکنند که اگر آنها بر روی لینک ناوبری که در حال حاضر آنها هستند، ممکن است چیز دیگری بگیرند.

پیوندها

لینک های مکان یاب آسان به سبک و سبک متفاوت از لینک های دیگر در صفحه وب خود است. نگران نباشید، مطمئن شوید که هر دو برچسب و تگ پیوند: مثلا:

a {رنگ: قرمز؛ font-weight: bold؛ متن دکوراسیون: هیچ؛ } a: link {color: blue؛ فونت وزن: طبیعی؛ متن دکوراسیون: زیر خط دار؛ }

این CSS باعث می شود که حفره یا سوراخ حفره های جاری و قرمز را بدون هیچ گونه خطایی بنویسد. در حالی که لینک های منظم از وزن نرمال، آبی و زیر خط دار هستند.

به خاطر داشته باشید که هر گونه سبک که شما نمی خواهید از یک برچسب منتقل شود، تنظیم مجدد کنید. به عنوان مثال، font-weight را برای پیوندهای نگهدارنده به صورت bold تنظیم میکنم، بنابراین مجبور شدم آن را تنظیم کنم:

فونت وزن: طبیعی؛

برای لینک های استاندارد همانطور که در دکوراسیون متن نیز صادق است، با برداشتن آن با یک انتخابگر، اگر گزینه بازگرداندن لینک را انتخاب کردید، برای select: link حذف شد.