آشنایی با خواص تگ head و title در زبان HTML
آشنایی با خواص تگ head و title در زبان HTML
در ادامه آموزش های زبان HTML می خواهیم اینبار به یکی از پرکاربردترین تگ ها یعنی تگ head و title اشاره کنیم. تگ head به عنوان اساسی ترین تگ در فایل header.php هست. این فایل هم به عنوان قالب سربرگ تمام صفحات وب مورد استفاده قرار می گیرد.
همچنین به تگ title که از آن به عنوان تگ عنوان صفحه وب مورد استفاده قرار می گیرد اشاره می کنیم.
پس در ادامه به بررسی خواص تگ head و title در زبان نشانه گذاری HTML اشاره خواهیم کرد. پس با کدنویسی به زبان ساده همراه باشید.
خواص تگ head
تعریف : در بر گیرنده اطلاعات کلی درباره سند وب است که این اطلاعات Meta-Information به معنای (اطلاعات درباره) نامیده می شود.
کلیه اطلاعات درون تگ <head> توسط مرورگر نمایش داده نمی شوند. براساس استاندارد HTML فقط تگ های زیر قابل استفاده در بخش تگ head هستند :
< base > , < link > , < meta > , < title > , < style > , < script >
خواص مهم |
||
نام خاصیت |
نوع خاصیت |
شرح |
profile |
URL مسیر |
لیستی از آدرس فایل ها یا صفحاتی که در بر گیرنده اطلاعات کلی (meta-information) راجع به محتویات صفحه هستند، را شامل می شود . |
مثال : در مثال زیر به طور نمونه تگ <head> را ملاحظه خواهید کرد :
<head> <title><?php wp_title( '|', true, 'right' ); ?></title> <meta charset="<?php bloginfo( 'charset' );?>" /> < base href="https://youcode.ir" > <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> < style type = "text/css" > ۱ p#farsi { text-align : right ; direction : rtl } ۲ table.ex { border : solid 2px blue } < /style > <?php wp_head(); ?> </head>
خواص تگ title
تعریف : این تگ عنوان صفحه را که مرورگر در هنگام باز کردن صفحه در نوار عنوان نمایش می دهد را مشخص می کند. متنی که بین تگ باز وبسته < title > قرار بگیرد عنوان صفحه را تعیین می کند . تگ < title > باید در قسمت head صفحه قرار بگیرد.
عنوان صفحه ارتباطی به نام فایل صفحه ندارد و بهتر است حداکثر تا ۱۵ حرف باشد .
مثال : در مثال زیر می توانید نمونه ای از استفاده ی تگ title را مشاهده کنید :
< html > < head > < title >title of the page عنوان صفحه< /title > < /head > < body > ... < /body > < /html >
در این مطلب با خواص تگ head و title آشنا شدید. در ادامه سری آموزش های زبان HTML به بررسی تگ های دیگر این زبان کاربردی تحت وب می پردازیم.