مخفی کردن عناصر سایت

یکی از روشهای جلوگیری از هک شدن سایت در طراحی وبسایت مخفی کردن عناصری هستش که در طراحی سایت به کار میره امروز میخوایم بهتون آموزش بدیم که چجوری عناصر مختلف را در زمان طراحی سایت مخفی نگه دارید اول میگیم این کار به چه دردی میخوره و بعدش میگیم چه جوری باید انجامش بدید خب قطعا وقتی که میخواهیم عنصری را پنهان کنیم یعنی یا به آن نیاز نداریم یا اینکه نیاز داریم ولی نمی خواهیم کاربر ببیند عناصر وبسایت. مثلا چیز هایی مثل اسکریپت های آمار گیر یا هدینگ های مربوط به سئو و یا کلمات کلیدی و … . پنهان کردن این عناصر به هر نحوی ممکن است روی سئو تاثیر منفی بگذارد اما روش هایی هم وجود دارد که جلوی تاثیر منفی سئو را میگیرد. این روش ها در این مطلب به صورت کامل توضیح داده شده اند.مخفی کردن عناصر از صفحه وب با خصوصیت displayاولین و معمول ترین روش برای مخفی کردن عناصر، استفاده از خصوصیت Display در CSS هست. به این صورت که برای کلاس مورد نظر، خصوصیت display رو برابر با none در نظر می گیریم. به مثال زیر توجه کنید:<style>
.hidden{
display:none;
}
</style>
<div class=”hidden”>متن آزمایشی</div>این روش عنصر ما رو به طور کل از صفحه حذف می کنه. یعنی هیچ اثری ازش باقی نمیزاره. در استفاده از این روش باید نهایت دقت رو به کار ببرید. چون اگر در جای نامناسبی استفاده بشه میتونه روی سئوی سایت شما تاثیر منفی بذاره. مثلا نباید تگ های h1 تا h6 رو با این روش مخفی کنید. یک نمونه از استفاده درست این روش، منو های کشویی هست. به این صورت که زیر منو در حالت عادی خاصیت display:none رو میگیره و وقتی موس روی منو قرار گرفت، خصوصیت display:block رو میگیره.آموزش طراحی وبسایت

مخفی کردن عناصر با خاصیت visibilityدومین روش مخفی کردن عناصر که استفاده زیادی داره، تعیین مقدار hidden برای خصوصیت visibility هست. به مثال زیر توجه کنید:<style>
.hidden{
visibility:hidden;
}
</style>
<div class=”hidden”>متن آزمایشی</div>این روش عنصر رو به طور کامل از صفجه حذف نمی کنه. بلکه اثرات جزئی از عنصر باقی میمونه. مثلا جایی که عنصر قرار گرفته هنوز رزرو شده هست و در واقع یک فضایی رو اشغال میکنه ولی خود عنصر نمایش داده نمیشه. این روش هم احتمالا روی سئو تاثیر منفی میزاره. پس سعی کنید هر جایی از این روش استفاده نکنید و فقط جایی که واقعا نیاز هست استفاده کنید.

بیشتر از این هم نیازی نیست که عناصر را مخفی کنید فقط کافیه این ۲ دو روش را بلد باشید که امروز یاد گرفتید