علی رنجبرنادر
علی رنجبرنادر
خواندن ۲ دقیقه·۲ سال پیش

متا تگ های ضروری در html

درون تگhead، تگهایی قرار میگیرند که به کاربر نمایش داده نمیشوند که یکی از این تگها، تگ

meta بود؛ این تگ توضیحات کلی در مورد سایت ما به موتور جستجو میدهد مثل اینکه زبان فارسی را ساپورت

میکند و...

همینطور تگ متای زیر برای ریسپانسیو بودن سایت که میگوید کاربر نتواند زوم کند و همان حالت کلی نمایش داده

شود:

<meta name="viewport" content="width=device-width, initial-scale=1.0">





یک متا برای نوشتن کلمات کلیدی سایت به صورت زیر داریم:

<meta name="keywords" content="html, css, js">

همینطور یک متا برای توضیح مختصر صفحه فعلی:

<meta name="description" content="to learn html, css and js for free">

یک تگ متا نیز برای نوشتن نام نویسنده داریم:

<meta name="author" content="John Doo">

یک متا نیز به صورت زیر داریم که میگوید هر چند ثانیه یک بار سایت رفرش یا بارگذاری مجدد شود؛ در اینجا این

عدد روی 30 است:

<meta http-equiv="refresh" content="30">

اسکریپت

تگ دیگری که درون تگhead قرار میگیرد، تگ<script> است که درون این تگ میتوان کدهای

جاوااسکریپیت نوشت. بعضی از دستگاهها کد جاوااسکریپتی را متوجه نمیشوند که برای آنها تگ زیر نوشته میشود

که به معنای ساپورت نشدن دستگاه آنان است:

<noscript>Your Browser Not Supported.</noscript>

استفاده از تگ اسکریپت به صورت زیر و درون تگ head است:

توجه: فهم بخش جاوا اسکریپتی فعلا نیاز نیست تا به بخش خودش برسیم.

<script>

document.getElementById("demo") = "Hello JavaScript !";

</script>

چیدمان(Layout) و طراحی واکنشگرا

در سایتهای قدیمی تر که ازhtmlهای ورژن قدیمی استفاده میکردند یک قالب تکراری وجود داشت که یک بخش

بالایی(header)، یک بخش پایینی(footer)، یک تیتر(title) و یک محتوا(content) داشتند؛ این باعث خسته

کننده سایتها و تکراری بودن آنها شده بود. حال چیدمان استانداردی و ساختار یافتهای وجود دارد که معمولا از آن

استفاده میکنیم که به صورت زیر است:

 Header: مربوط به بالای صفحه است که در بالاترین بخش قرار میگیرد.

 Nav: مربوط به منوی سایت است که میتواند شامل جستجو، ورود و ثبت نام و... باشد.

 Section و article: برای محتوای سایت استفاده میشوند.

 Aside: معمولا برای منوی کناری یا سایدبار استفاده میشود.

 Footer: پایین ترین بخش سایت است که شامل نقشه کلی سایت، اطلاعات نویسنده، کپیرایت و... میشود.

amp quotسایت
https://sesooo.com/
شاید از این پست‌ها خوشتان بیاید