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

آموزش Semantic header

دوره های مرتبط با این مقاله

آموزش Semantic header

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

آموزش Semantic header

در واقع آنچه گفتم یک شوخی بود، زیرا header ابزاری بیشتر از آن می باشد. ما در استفاده از header برای به اصطلاح تیتر اصلی یک وب سایت تشویق می شویم. به هرحال منظور من این نیست که New York Times از عنصر header استفاده کرد، بلکه منظورم این است که New York Times می تواند از این عنصر استفاده کند.

<body>
   ‎<header>
       ‎<h1>Little Green Guys With Guns</h1>
       ‎<nav>
           ‎<ul>
                    <li>
                    <a href="/games">Games</a>
                    <li>
                    <a href="/forum">Forum</a>
                    <li>
                    <a href="/download">Download</a>
           </ul>
       </nav>
   </header>
   ‎<p>You have three active games:</p>
   ‎<!-- this is still part of the subsection entitled "Games" -->
   ‎...‎

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

<article>
   ‎<header>
       ‎<h1>Military Offers Assurances to Egypt and Neighbors</h1>
       Published : <time datetime="2011-02-13" pubdate>February 13 2011</time>)
   </header>
   ‎<p>
       CAIRO - As a new era dawned in Egypt on Saturday,
       the army leadership sought to reassure Egyptians and
       the world that it would shepherd a transition to civilian
       rule and honor international commitments like the peace treaty with Israel.
   </p>
</article>‎
آموزش Semantic header

نه تنها این مورد، بلکه آنچه در بخش قبل در مورد section بیان کردیم که هر section احتمالا باید تیتر خود را داشته باشد.

<section>
   ‎<header>
       ‎<h1>Application</h1>
       ‎<h2>Paid iphone apps</h2>
       ‎</hgroup>
   </header>
   ‎<ul>
                    <li>Education</li>
                    <li>Entertainment</li>
                    <li>Family</li>
                    <li>Games</li>
                    <li>News and Weather</li>
   </ul>
</section>‎

عنصر header معمولا شامل عناصر دیگری هم می شود ( مانند h1 و h2 و hgroup) که به هرحال ضروری نیست، گرچه متداولا تمرین شده است.
مشابه آنچه در قسمت section یاد گرفتیم، header هم دارای اوت لاین مربوط به خود می باشد. شما می توانید به راحتیh1 ، h2 و ... h6 خود را تعریف کنید بدون اینکه نگران آنچه در مورد قبلی ها تعریف شده، باشید.

  • 3318
  •    1720
  • تاریخ ارسال :   1394/07/27

دانلود PDF دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

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

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .