آموزش مقدماتی HTML,XHTML,CSS و JavaScript

فصل اول(ساختار اسناد برای وب)،بخش چهارم

ایجاد عنوان با استفاده از عناصر <hn>

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

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

XHTML شش مرحله عنوان را ارائه می دهد، که به وسیله عناصر <h1>,<h2>,<h3>,<h4>,<h5>و <h6> استفاده می شوند.مرورگرها عنصر <h1> را بزرگتر از عنصر <h6> نمایش می دهند ( اگرچه شما در ادامه خواهید دید که CSS می تواند اندازه ها و سبک های هر عنصر را تغییر دهد).مراحل عنوان را در شکل زیر می بینید:

بیشتر مرورگرها محتویات عناصر <h1>,<h2> و <h3> را بزرگتر از اندازه پیش فرض متن ها در اسناد نمایش می دهند.محتویات عنصر <h4> شبیه اندازه پیش فرض متن، و محتویات عناصر <h5> و <h6> کوچکتر هستند مگر اینکه ساختار آنها را با استفاده از CSS تغییر دهید.

در اینجا مثال دیگری از چگونگی استفاده از عنوان ها دریک ساختار سند آورده شده است.جایی که عنصر <h2> قرار دارد زیر عنوان عنصر  <h1> است( این مدل شبیه ساختار بخش های مختلف یک فصل کتاب است.).

<h1> Basic Text Formatting </h1>

<p> This section is going to address the way in which you mark up text.

Almost every document you create will contain some form of text, so this

will be a very important section. </p>

<h2> Whitespace and Flow </h2>

<p> Before you start to mark up your text, it is best to understand what

XHTML does when it comes across spaces and how browsers treat long sentences

and paragraphs of text. </p>

<h2> Creating Headings Using hn Elements </h2>

<p> No matter what sort of document you are creating, most documents have

headings in some form or other... </p>

در شکل زیر این کد را در مرورگر می بینید :

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

align , class , id , style , title , dir , lang , xml:lang آشنا خواهید شد.

خصیصه align  ( تراز کردن )

خصیصه align نشان می دهد که آیا عنوان در چپ،مرکز یا راست صفحه ظاهر شود ( پیش فرض آن چپ است ).این خصیصه می تواند سه مقدار داشته باشد که در جدول پایین نشان داده شده است.

این خصیصه مشخص شده که از خصوصیات نسخه های آینده HTML و XHTML حذف شود.شما تا پایان این آموزش چندین عنصر و خصیصه را خواهید دید که آنها نیز برای حذف از نسخه های آینده مشخص شده اند، و بهتر است که از استفاده آنها خوداری کنید.  

ادامه مطلب ...