مشخصات مقاله
-
2915
-
0.0
-
5951
-
0
-
0
آموزش Semantic header
آموزش Semantic header
تقریبا همه ی وب سایت های مدرن یک بخش تیتر دارند که در بالای هر صفحه در داخل وب سایت نشان داده می شود. عنصر جدید 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>
نه تنها این مورد، بلکه آنچه در بخش قبل در مورد 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 خود را تعریف کنید بدون اینکه نگران آنچه در مورد قبلی ها تعریف شده، باشید.