عناصر اصلی یک سند HTML چیست؟
پنجشنبه, ۹ خرداد ۱۳۹۸، ۱۲:۰۰ ب.ظ
7.1 مقدمه ای بر ساختار یک سند HTML
سند HTML 4 متشکل از سه بخش است:
یک خط حاوی اطلاعات نسخه HTML
بخش سرصفحه اعلامیه (توسط عنصر HEAD تعریف شده است)
بدن، که حاوی محتوای واقعی سند است. بدن ممکن است توسط عنصر BODY یا عنصر FRAMESET اجرا شود.
فضای سفید (فضاهای، خطوط جدید، برگه ها، و نظرات) ممکن است قبل یا بعد از هر بخش ظاهر شود. بخش ها 2 و 3 باید توسط عنصر HTML تعریف شوند.
در اینجا یک مثال از یک سند HTML ساده است:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
<HTML>
<HEAD>
<TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
<P>Hello world!
</BODY>
</HTML>
7.2 اطلاعات نسخه HTML
سند معتبر HTML اعلام می کند که چه نسخه ای از HTML در سند استفاده می شود. اعلامیه نوع سند، تعریف نوع سند (DTD) را برای استفاده از سند نام می گیرد (نگاه کنید به [ISO8879]).
HTML 4.01 سه DTD را مشخص می کند، بنابراین نویسندگان باید یکی از اعلان های نوع سند را در اسناد خود قرار دهند. DTD ها در عناصر پشتیبانی می شوند.
HTML 4.01 DTD Strict شامل تمام عناصر و ویژگی هایی است که استفاده نشده اند یا در اسناد فریم به نظر نمی رسد. برای اسنادی که از این DTD استفاده می کنند، از این اعلامیه نوع سند استفاده کنید:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN"
HTML 4.01 DTD Transitional شامل همه چیز در عناصر و ویژگی های سخت افزاری DTD به همراه محرومان (که بیشتر آنها مربوط به نمایش بصری است). برای اسنادی که از این DTD استفاده می کنند، از این اعلامیه نوع سند استفاده کنید:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN"
DTD Frameset HTML 4.01 شامل همه چیز در فریم های انتقال DTD plus است. برای اسنادی که از این DTD استفاده می کنند، از این اعلامیه نوع سند استفاده کنید:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Frameset // EN"
URI در هر نوع اعلامیه نوع سند اجازه می دهد تا عامل های کاربر DTD و هر مجموعه ای که مورد نیاز است را دانلود کنید. زیر (نسبی) URI به DTD ها و مجموعه های موجود برای HTML 4 اشاره می کند:
"strict.dtd" - به طور پیش فرض سخت DTD
"loose.dtd" - شل DTD
"frameset.dtd" - DTD برای اسناد frameset
"HTMLlat1.ent" - نهادهای لاتین 1
"HTMLsymbol.ent" - نهادهای نماد
"HTMLspecial.ent" - نهادهای ویژه
اتصال بین شناسه های عمومی و فایل ها را می توان با استفاده از یک فایل کاتالوگ مطابق فرمت توصیه شده توسط کنسرسیوم باز Oasis مشخص کرد (نگاه کنید به [OASISOPEN]). فایل نمونه نمونه برای HTML 4.01 در ابتدای بخش اطلاعات مرجع SGML برای HTML گنجانده شده است. دو حرف آخر این اعلامیه، زبان DTD را نشان می دهد. برای HTML، این همیشه انگلیسی ("EN") است.
توجه داشته باشید. همانطور که در نسخه 24 دسامبر از HTML 4.01، گروه کاری HTML متعهد به خط مشی زیر است:
هر تغییری در HTML 4 DTDs آینده اسنادی را که مطابق با DTD های مشخصات فعلی هستند، معتبر نخواهد کرد. گروه کاری HTML حق دارد که اشکالات شناخته شده را اصلاح کند.
نرم افزار مطابق با DTD های مشخصات فعلی می تواند ویژگی های HTML 4 DTD های آینده را نادیده بگیرد که قابل تشخیص نیست.
این بدان معنی است که در یک اعلامیه نوع سند، نویسندگان می توانند با خیال راحت از یک شناسه سیستم استفاده کنند که به آخرین نسخه یک DTD HTML 4 اشاره دارد. نویسنده همچنین ممکن است از یک شناسه سیستم استفاده کند که به یک نسخه خاص (تاریخی) یک DTD HTML 4 اشاره دارد، زمانی که اعتبار آن به DTD خاص نیاز است. W3C هر کاری را انجام می دهد که اسناد بایگانی را به طور نامحدود در آدرس اصلی خود در فرم اصلی خود در دسترس قرار دهند.
7.3 عنصر HTML
<! ENTITY٪ html.content "HEAD، BODY">
<! ELEMENT HTML O O (٪ html.content؛) - عنصر ریشه سند ->
<! ATTLIST HTML
<٪ i18n؛ - lang، dir -
برچسب شروع: اختیاری، برچسب پایان: اختیاری است
تعاریف مشخص
[version = cdata [CN
منسوخ. ارزش این ویژگی مشخص می کند که کد نسخه HTML DTD سند فعلی را تعیین می کند. این خصیصه از بین رفته است زیرا از اطلاعات نسخه ای که توسط اعلامیه نوع سند ارائه شده، بیش از حد مورد نیاز است.
مشخصاتی که در جای دیگر تعریف شده است
lang (اطلاعات زبان)، dir (جهت متن)
پس از اعلام نوع سند، باقی مانده از یک سند HTML حاوی عنصر HTML است. بنابراین، یک سند HTML معمولی دارای این ساختار است:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN"
<HTML>
... سر، بدن و غیره اینجا می رود ...
</ HTML>
7.4 سر سند
7.4.1 عنصر HEAD
<! -٪ head.misc؛ به صورت پیشفرض به عنوان "SCRIPT | STYLE | META | LINK | OBJECT" -> تعریف شده است
<! ENTITY٪ head.content "TITLE & BASE؟">
<! ELEMENT HEAD O O (٪ head.content؛) + (٪ head.misc؛) - سر سند ->
<! ATTLIST HEAD
٪ i18n؛ - lang، dir -
مشخصات٪ URI؛ #IMPLIED - به نام فرهنگ اطلاعات متا -
برچسب شروع: اختیاریتگ پایان: اختیاری است
تعاریف مشخص
مشخصات = [uri [CT
این مشخصه محل یک یا چند پروفایل متا داده را مشخص می کند، که با فضای سفید جدا شده است. برای فراخوانی های آینده، نماینده های کاربر باید ارزش را بعنوان یک لیست در نظر بگیرند، حتی اگر این مشخصات فقط اولین URI مهم را در نظر بگیرد. پروفایل ها در زیر در متا داده ها بحث شده اند.
مشخصاتی که در جای دیگر تعریف شده است
lang (اطلاعات زبان)، dir (جهت متن)
عنصر HEAD حاوی اطلاعاتی در مورد سند فعلی، مانند عنوان آن، کلمات کلیدی که ممکن است برای موتورهای جستجو مفید باشد، و سایر اطلاعاتی که محتوای سند محسوب نمی شود. کارکنان کاربر عموما عناصر را که در HEAD به عنوان محتوای ظاهر می شوند، ارائه نمی کنند. با این وجود، آنها ممکن است اطلاعات را در HEAD در اختیار کاربران قرار دهند از طریق مکانیزم های دیگر.
7.4.2 عنصر TITLE
<! - عنصر TITLE بخشی از جریان متن نیست.
این باید نمایش داده شود، به عنوان مثال به عنوان هدر صفحه یا
عنوان پنجره دقیقا یک عنوان در هر سند مورد نیاز است.
->
<! ELEMENT TITLE - - (#PCDATA) - (٪ head.misc؛) - عنوان سند ->
<! ATTLIST TITLE٪ i18n>
تگ شروع: مورد نیاز، تگ پایان: مورد نیاز است
مشخصاتی که در جای دیگر تعریف شده است
lang (اطلاعات زبان)، dir (جهت متن)
هر سند HTML باید یک عنصر TITLE در بخش HEAD داشته باشد.
نویسندگان باید از عنصر TITLE برای شناسایی محتویات یک سند استفاده کنند. از آنجا که کاربران اغلب از اسناد خارج از محتوا مشورت می کنند، نویسندگان باید عناوین با محتوای متنوع را ارائه دهند. بنابراین، به جای یک عنوان مانند "مقدمه"، که زمینه های زمینه ای زیادی را فراهم نمی کند، نویسندگان باید به جای آن عنوان "مقدمه ای بر زنبوردگی قرون وسطایی" ارائه دهند.
به دلایل دسترسی، نماینده های کاربر همیشه باید محتویات عنصر TITLE را برای کاربران در دسترس داشته باشند (از جمله عناصر TITLE که در فریم رخ می دهد). مکانیزم برای انجام این کار به عامل کاربر بستگی دارد (به عنوان مثال عنوان، گفتار).
عنوان ها ممکن است شامل نویسه های شخصیت (برای کاراکترهای با حروف، کاراکترهای خاص، و غیره) باشد، اما ممکن است حاوی نشانه های دیگر (از جمله نظرات) باشد. در اینجا یک عنوان مستند نمونه است:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN"
<HTML>
<HEAD>
<TITLE> مطالعه دینامیک جمعیت </ TITLE>
... عناصر سر دیگر ...
</ HEAD>
<BODY>
... سند ...
</ BODY>
</ HTML>
7.4.3 عنوان صفت
تعاریف مشخص
title = متن [CS]
این ویژگی ارائه اطلاعات مشورتی در مورد عنصر که برای آن تنظیم شده است.
برخلاف عنصر TITLE، که اطلاعاتی در مورد کل سند ارائه می دهد و ممکن است تنها یک بار ظاهر شود، ویژگی عنوان می تواند هر تعداد عناصر را حاشیه نویسی کند. لطفا از تعریف عنصر برای بررسی اینکه آیا این ویژگی را پشتیبانی می کند، مشورت کنید.
ارزش ها از ویژگی عنوان می تواند توسط عوامل کاربر در روش های مختلف ارائه شود. به عنوان مثال، مرورگرهای بصری اغلب عنوان را به عنوان "نوک ابزار" نمایش می دهند (یک پیام کوتاه که زمانی که دستگاه اشاره گر به یک جسم متوقف می شود، نمایش داده می شود). عوامل کاربر صوتی ممکن است اطلاعات عنوان را در یک زمینه مشابه صحبت کنند. به عنوان مثال، تنظیم ویژگی در یک لینک به نمایندگان کاربر (بصری و غیر بصری) اجازه می دهد تا کاربران را در خصوص ماهیت منابع مرتبط با کاربران توضیح دهد:
... بعضی از متن ها ...
در اینجا یک عکس از
<A href="http://someplace.com/neatstuff.gif" title=" ما غواصی روی زمین ">
من غواصی نازک تابستان گذشته
</ A>
... متن بیشتر ...
خصیصه عنوان هنگام استفاده با عنصر LINK برای تعیین یک ورقه سبک خارجی نقش دیگری دارد. لطفا برای اطلاعات بیشتر به بخش لینک ها و ورق های سبک مراجعه کنید.
توجه داشته باشید. برای بهبود کیفیت سنتز گفتار برای موارد مورد ضعف با تکنیک های استاندارد، نسخه های آینده HTML ممکن است شامل یک ویژگی برای رمزگذاری اطلاعات صوتی و صوتی باشد.
7.4.4 داده های متا
توجه داشته باشید. چارچوب توصیف منبع W3C (see [RDF10]) یک توصیه W3C در فوریه 1999 شد. RDF به نویسندگان اجازه می دهد که متادیتای ماشین قابل خواندن را درباره اسناد HTML و سایر منابع قابل دسترس در شبکه مشخص کنند.
HTML اجازه می دهد تا نویسندگان متا داده ها - اطلاعات در مورد یک سند به جای محتوای سند مشخص - به روش های مختلف.
برای مثال، برای مشخص کردن نویسنده یک سند، می توان از عنصر META به شرح زیر استفاده کرد:
<META name = "نویسنده" content = "Dave Raggett">
عنصر META یک ملک را مشخص می کند (در اینجا "نویسنده") و یک مقدار برای آن تعیین می کند (در اینجا "دیو رگقت").
این مشخصات مجموعه ای از ویژگی های متا داده های قانونی را تعریف نمی کند. معنای یک ملک و مجموعه ای از مقادیر قانونی برای آن ملک باید در یک لغت نامه مرجع به نام یک پروفایل تعریف شود. به عنوان مثال، یک نمایه طراحی شده برای کمک به اسناد فهرست موتورهای جستجو ممکن است ویژگی هایی مانند "نویسنده"، "حق چاپ"، "کلمات کلیدی" و غیره را تعریف کند.
مشخص کردن متا داده
به طور کلی مشخص کردن متا داده ها شامل دو مرحله می شود:
اعلام مالکیت و ارزش برای آن ملک این ممکن است به دو صورت انجام شود:
از درون یک سند، از طریق عنصر META.
از خارج از سند، با پیوند دادن به متا داده ها از طریق عنصر LINK (نگاه کنید به بخش مربوط به انواع لینک).
مراجعه به یک نمایهجایی که اموال و مقررات قانونی آن تعریف شده است. برای تعیین یک نمایه، از مشخصات مشخصات عنصر HEAD استفاده کنید.
توجه داشته باشید که از آنجایی که یک نمایه برای عنصر HEAD تعریف شده است، همان نمایه برای همه عناصر META و LINK در سر سند اعمال می شود.
نماینده های کاربر برای پشتیبانی از مکانیسم های متا داده مورد نیاز نیستند. برای کسانی که برای پشتیبانی از متا داده ها انتخاب می کنند، این مشخصات تعریف نمی کند که چگونه متا داده ها باید تفسیر شود.
عنصر META
<! ELEMENT META - O EMPTY - metainformation عمومی ->
<! ATTLIST META
٪ i18n؛ - lang، dir، برای استفاده با محتوا -
http-equiv NAME #IMPLIED - عنوان هدر HTTP پاسخ -
نام NAME #IMPLIED - نام metainformation -
CDATA محتوا #REQUIRED - اطلاعات مرتبط -
طرح CDATA #IMPLIED - فرم محتوا را انتخاب کنید -
>
برچسب شروع: مورد نیاز، برچسب پایان: ممنوع است
تعاریف مشخص
برای ویژگی های زیر، مقادیر مجاز و تفسیر آنها وابسته به مشخصات هستند:
نام = نام [CS]
این ویژگی یک نام مالکیت را مشخص می کند. این مشخصات مقادیر قانونی برای این ویژگی را فهرست نمی کند.
content = cdata [CS]
این ویژگی یک مقدار اموال را مشخص می کند. این مشخصات مقادیر قانونی برای این ویژگی را فهرست نمی کند.
طرح = cdata [CS]
این ویژگی یک طرح را برای تفسیر ارزش ملک مورد استفاده قرار می دهد (به بخش مشخصات پروفیل ها مراجعه کنید).
http-equiv = name [CI]
این ویژگی ممکن است به جای مشخصه نام استفاده شود. سرور HTTP از این ویژگی برای جمع آوری اطلاعات برای هدر پیام های پاسخ HTTP استفاده می کند.
مشخصاتی که در جای دیگر تعریف شده است
lang (اطلاعات زبان)، dir (جهت متن)
عنصر META می تواند برای شناسایی خواص یک سند (مثلا نویسنده، تاریخ انقضا، یک لیست از کلمات کلیدی، و غیره) و اختصاص دادن مقادیر به آن ویژگی ها استفاده شود. این مشخصات یک مجموعه هنجاری از خواص را تعریف نمی کند.
هر عنصر META یک جفت property / value را مشخص می کند. خصیصه نام ویژگی خاصی را مشخص می کند و ویژگی محتوا مقدار ارزش را مشخص می کند.
به عنوان مثال، اعلان زیر یک مقدار برای اموال نویسنده را تعیین می کند:
<META name = "نویسنده" content = "Dave Raggett">
ویژگی lang را می توان با META برای مشخص کردن زبان برای مقدار صفت محتوا استفاده کرد. این را قادر می سازد سینت سایزر گفتار برای اعمال قوانین تلفظ زبان وابسته به زبان.
در این مثال، نام نویسنده به زبان فرانسوی اعلام شده است:
<META name = "نویسنده" lang = "fr" content = "Arnaud Le Hors">
توجه داشته باشید. عنصر META مکانیسم عمومی برای مشخص کردن متا داده است. با این حال، برخی عناصر HTML و ویژگی ها قبلا برخی از قطعات متا داده را اداره می کنند و ممکن است توسط متخصصان به جای متا برای مشخص کردن آن قطعات استفاده شوند: عنصر TITLE، عنصر ADDRESS، عناصر INS و DEL، ویژگی عنوان و صفت cite .
توجه داشته باشید. هنگامی که اموال مشخص شده توسط یک عنصر META مقداری را انتخاب می کند که یک URI است، برخی از نویسندگان ترجیح می دهند که متا داده ها را از طریق عنصر LINK مشخص کنند. بنابراین، اعلام زیر داده متا:
<META name = "DC.identifier"
محتوا = "http://www.ietf.org/rfc/rfc1866.txt">
همچنین ممکن است نوشته شود:
<LINK rel = "DC.identifier"
type = "text / plain"
href = "http://www.ietf.org/rfc/rfc1866.txt">
متا و هدر HTTP
ویژگی http-equiv می تواند به جای مشخصه نام مورد استفاده قرار گیرد و هنگامی که اسناد از طریق پروتکل Hypertext Transfer (HTTP) بازیابی می شود اهمیت خاصی دارد. سرور HTTP می تواند از نام property مشخص شده توسط ویژگی http-equiv برای ایجاد یک عنوان [RFC822] -style در پاسخ HTTP استفاده کند. لطفا مشخصات HTTP ([RFC2616]) را برای جزئیات در مورد هدرهای معتبر HTTP ببینید.
شرح متا نمونه زیر:
<META http-equiv = "Expires" content = "Tue، Aug 20، 1996 14:25:27 GMT">
در هدر HTTP منجر خواهد شد:
منقضی می شود: Tue، Aug 20، 1996 14:25:27 GMT
این می تواند توسط حافظه های ذخیره شده برای تعیین زمان ارسال یک نسخه تازه از سند مربوطه استفاده شود.
توجه داشته باشید. بعضی از عوامل کاربر از استفاده از META برای بازنویسی صفحه فعلی بعد از یک تعداد مشخصی از ثانیه پشتیبانی می کند، با این گزینه می توان آن را با یک URI متفاوت جایگزین کرد. نویسندگان نباید از این تکنیک برای ارسال کاربران به صفحات مختلف استفاده کنند، زیرا این باعث می شود که صفحه بعضی از کاربران غیر قابل دسترسی باشد. در عوض، انتقال خودکار صفحه باید با استفاده از هدایت های سرور انجام شود.
META و موتورهای جستجو
استفاده معمول از META این است که کلمات کلیدی را که موتور جستجو ممکن است برای بهبود کیفیت نتایج جستجو استفاده کند، مشخص کند. هنگامی که چندین عنصر META اطلاعات مربوط به زبان مربوط به یک سند را فراهم می کنند، موتورهای جستجو ممکن است بر ویژگی lang برای فیلتر کردن نتایج جستجو با استفاده از ترجیحات زبان کاربر استفاده کنند. مثلا،
<- برای سخنرانان آمریکایی انگلیسی ->
<META name = "keywords" lang = "en-us"
content = "vacation، یونان، آفتاب">
<- برای سخنرانان انگلیسی بریتانیایی ->
<META name = "keywords" lang = "en"
content = "holiday، یونان، آفتاب">
<- برای سخنرانان فرانسوی ->
<META name = "keywords" lang = "fr"
content = "vacances،"gr & egrave؛ ce، soleil ">
اثربخشی موتورهای جستجو نیز می تواند با استفاده از المان LINK برای مشخص کردن لینک ها به ترجمه های سند به زبان های دیگر، پیوندهایی به نسخه های سند در رسانه های دیگر (به عنوان مثال، PDF)، و هنگامی که سند بخشی از یک مجموعه، لینک به یک نقطه شروع مناسب برای مرور مجموعه.
کمک بیشتر در قسمت کمک به موتورهای جستجو در وب سایت شما ارائه شده است.
META و PICS
بستر برای انتخاب محتوی اینترنت (PICS، مشخص شده در [PICS]) یک زیرساخت برای مرتبط سازی برچسب ها (متا داده ها) با محتوای اینترنت است. در اصل طراحی شده برای کمک به پدر و مادر و معلمان کنترل آنچه بچه ها می توانند در اینترنت دسترسی داشته باشند، آن را نیز استفاده دیگر برای برچسب، از جمله امضای کد، حفظ حریم خصوصی و مدیریت حقوق مالکیت معنوی، را تسهیل می کند.
این مثال نشان می دهد که چگونه می توان یک اعلامیه META برای یک برچسب PICS 1.1 استفاده کرد:
<HEAD>
<META http-equiv = "PICS-Label" content = '
(PICS-1.1 "http://www.gcf.org/v2.5"
برچسب "1994.11.05T08: 15-0500"
تا "1995.12.31T23: 59-0000"
برای "http://w3.org/PICS/Overview.html"
رأی (suds 0.5 چگالی 0 رنگ / رنگ 1))
'>
<TITLE> ... عنوان سند ... </ TITLE>
</ HEAD>
META و اطلاعات پیش فرض
عنصر META می تواند برای مشخص کردن اطلاعات پیش فرض برای یک سند در موارد زیر استفاده شود:
زبان اسکریپت پیش فرض
زبان پیش فرض زبان سبک
کدگذاری کد سند.
مثال زیر کدگذاری کاراکتر برای یک سند را به عنوان ISO-8859-5 مشخص می کند
<META http-equiv = "Content-type" content = "text / html؛ charset = ISO-8859-5">
پروفایل های متا داده
ویژگی مشخصات HEAD موقعیت مکانی یک پروفایل متا داده را مشخص می کند. ارزش مشخصات مشخصات یک URI است. نمایندگان کاربر می توانند از این URI به دو روش استفاده کنند:
به عنوان یک نام جهانی در سطح جهانی. نماینده های کاربران ممکن است قادر به شناسایی نام (بدون در واقع بازیابی مشخصات) و انجام برخی از فعالیت ها بر اساس کنوانسیون های شناخته شده برای آن نمایه. به عنوان مثال، موتورهای جستجو می توانند یک رابط را برای جستجو از طریق کاتالوگ اسناد HTML ارائه دهند، که در آن این اسناد همه از نمایه یکسان برای نمایش مطالب استفاده می کنند.
به عنوان یک لینک مأموران کاربر ممکن است URI را حذف کنند و برخی از فعالیت ها را بر اساس تعریف های واقعی در نمایه انجام دهند (مثلا اجازه استفاده از نمایه در سند HTML فعلی را مجاز کنند). این مشخصات فرمتهای پروفایل را تعریف نمی کند.
این مثال به یک نمایه فرضیه اشاره دارد که خواص مفید برای نمایه سازی سند را تعریف می کند. خواص تعریف شده توسط این مشخصات - از جمله "نویسنده"، "حق تکثیر"، "کلمات کلیدی"، و "تاریخ" - ارزش خود را با اعلامیه META بعدی تعیین شده است.
<HEAD profile = "http://www.acme.com/profiles/core">
<TITLE> نحوه تکمیل صفحات جلد Memorandum </ TITLE>
<META name = "author" content = "John Doe">
<META name = "copyright" content = "& copy؛ 1997 Acme Corp.">
<META name = "keywords" content = "corporate، guidelines، cataloging">
<META name = "date" content = "1994-11-06T08: 49: 37 + 00: 00">
</ HEAD>
همانطور که این مشخصات در حال نوشتن است، معمولا از فرمت های تاریخ در بخش 3.3 [RFC2616] استفاده می شود. با توجه به اینکه این فرمت ها نسبتا سخت است، ما توصیه می کنیم که نویسندگان از قالب تاریخ [ISO8601] استفاده کنند. برای اطلاعات بیشتر، بخش های موجود در INS و DEL را ببینید.
ویژگی این طرح اجازه می دهد تا نویسندگان به ارائه محتوا کاربر بیشتر زمینه برای تفسیر صحیح متا داده. در بعضی موارد، چنین اطلاعات اضافی ممکن است بحرانی باشد، زیرا ممکن است داده های متا در فرمت های مختلف مشخص شوند. برای مثال، نویسنده ممکن است یک تاریخ را در قالب (مبهم) "10-9-97" مشخص کند؛ آیا این به معنی 9 اکتبر 1997 یا 10 سپتامبر 1997 است؟ این طرح مقدار ارزش "ماه-روز-سال" را به این مقادیر متقاطع متصل می کند.
در موارد دیگر، ویژگی طرح ممکن است اطلاعات مفید، اما غیر بحرانی را به عوامل کاربر ارائه کند.
به عنوان مثال، اعلان طرح زیر می تواند یک عامل کاربر را تعیین کند که مقدار مشخصه "شناسه" یک عدد کد ISBN است:
<META pattern = "ISBN" نام = "شناسه" content = "0-8230-2355-9">
ارزش ها برای ویژگی طرح به نام اموال و نمایه مربوطه بستگی دارد.
توجه داشته باشید. یک نمونه نمونه هسته دوبلین است (نگاه کنید به [DCORE]). این نمایه مجموعه ای از خواص توصیه شده برای توصیف کتابشناسی الکترونیکی را مشخص می کند و در نظر دارد به منظور ارتقاء قابلیت همکاری بین مدل های توصیف متفاوت باشد.
7.5 بدن سند
7.5.1 عنصر BODY
<! ELEMENT BODY O O (٪ block؛ | SCRIPT) + + (INS | DEL) - body document ->
<! ATTLIST BODY
٪ attrs؛ -٪ coreattrs،٪ i18n،٪ وقایع -
onload٪ script؛ #IMPLIED - سند بارگذاری شده است -
onunload٪ اسکریپت؛ #IMPLIED - سند حذف شده است -
>
برچسب شروع: اختیاری، برچسب پایان: اختیاری است
تعاریف مشخص
background = uri [CT]
منسوخ. ارزش این ویژگی یک URI است که یک منبع تصویر را تعیین می کند. تصویر به طور کلی پس زمینه را کاشی می کند
wsers)
متن = رنگ [CI]
منسوخ. این ویژگی رنگ پیش زمینه برای متن (برای مرورگرهای بصری) را تنظیم می کند.
link = color [CI]
منسوخ. این خصیصه رنگ رنگ متن را نشان می دهد که لینک های فوق العاده بدون بازدید (برای مرورگرهای بصری) را تعیین می کند.
vlink = color [CI]
منسوخ. این مشخصه رنگ رنگ متن را برای پیوندهایی از لینک های hypertext (برای مرورگرهای بصری) تنظیم می کند.
alink = color [CI]
منسوخ. این خصیصه، رنگ متن ها را نشان می دهد که با استفاده از کاربر (برای مرورگرهای بصری) انتخاب می شوند.
مشخصاتی که در جای دیگر تعریف شده است
شناسه، کلاس (شناسه سند گسترده)
lang (اطلاعات زبان)، dir (جهت متن)
عنوان (عنوان عنصر)
سبک (اطلاعات سبک درونی)
bgcolor (رنگ پس زمینه)
onload، onunload (حوادث ذاتی)
onclick، ondblclick، onmousedown، onmouseup، onmouseover، onmouseemove، onmouseout، onkeypress، onkeydown، onkeyup (حوادث ذاتی)
قسمت سند حاوی محتوای سند است. محتوا ممکن است توسط یک عامل کاربر به روش های مختلف ارائه شود. برای مثال، برای مرورگرهای بصری، شما می توانید از بدن به عنوان یک بوم استفاده کنید که در آن محتوای ظاهر می شود: متن، تصاویر، رنگ ها، گرافیک و غیره. برای نمایندگان کاربر صوتی، همان محتوای ممکن است صحبت شود. از آنجایی که ورق های سبک در حال حاضر روش ترجیحی برای ارائه یک سند است، ویژگی های ارائه شده بدن BODY شده اند.
مثال غلط:
قطعه HTML زیر نشان دهنده استفاده از ویژگی های منسوخ شده است. رنگ پس زمینه بوم را به رنگ سفید، متن رنگ پیش زمینه به سیاه و سفید، و رنگ پیوندهای به رنگ قرمز در ابتدا، fuchsia هنگامی که فعال شده، و یک بار بازدید کرد.
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN"
<HTML>
<HEAD>
<TITLE> مطالعه دینامیک جمعیت </ TITLE>
</ HEAD>
<BODY bgcolor = "white" text = "black"
link = "red" alink = "fuchsia" vlink = "maroon">
... سند ...
</ BODY>
</ HTML>
با استفاده از صفحات سبک، همان اثر را می توان به شرح زیر انجام داد:
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE> مطالعه دینامیک جمعیت </ TITLE>
<STYLE type = "text / css">
بدن {پس زمینه: سفید؛ رنگ سیاه}
A: link {color: red}
A: بازدید {color: maroon}
A: فعال {color: fuchsia}
</ STYLE>
</ HEAD>
<BODY>
... سند ...
</ BODY>
</ HTML>
استفاده از صفحات سبک خارجی (مرتبط) سبب انعطاف پذیری شما می شود تا بدون تغییر سند HTML منبع تغییر دهید.
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN"
<HTML>
<HEAD>
<TITLE> مطالعه دینامیک جمعیت </ TITLE>
<LINK rel = "stylesheet" type = "text / css" href = "smartstyle.css">
</ HEAD>
<BODY>
... سند ...
</ BODY>
</ HTML>
مجموعه فریم ها و اجزای HTML. اسناد حاوی فریم ها عنصر BODY را با عنصر FRAMESET جایگزین می کند. لطفا برای اطلاعات بیشتر به بخش مربوط به فریم مراجعه کنید.
7.5.2 شناسه عناصر: شناسه ها و ویژگی های کلاس
تعاریف مشخص
id = نام [CS]
این ویژگی یک نام را به یک عنصر اختصاص می دهد. این نام باید در یک سند منحصر به فرد باشد.
class = cdata-list [CS]
این ویژگی یک نام کلاس یا مجموعه ای از نام کلاس ها را به یک عنصر اختصاص می دهد. هر تعداد عناصر ممکن است یک نام یا نام کلاس را اختصاص دهند. نام کلاس های چندگانه باید با علامت فضایی سفید جدا شود.
شناسه id یک شناسه منحصر به فرد را به یک عنصر اختصاص می دهد (که توسط یک تجزیه کننده SGML تایید می شود). به عنوان مثال، پاراگراف های زیر با ارزش های شناسایی آنها متفاوت است:
<P id = "myparagraph"> این یک پاراگراف منحصر به فرد است. </ P>
<P id = "yourparagraph"> این یک پاراگراف منحصر به فرد است. </ P>
خصیصه id دارای چندین نقش در HTML است:
به عنوان یک برگه انتخاب سبک
به عنوان یک لنگر هدف برای لینک های hypertext.
به عنوان وسیله ای برای ارجاع یک عنصر خاص از یک اسکریپت.
به عنوان یک عنصر OBJECT اعلام شده است.
برای پردازش عمومی توسط نمایندگان کاربر (به عنوان مثال برای شناسایی زمینه هنگام استخراج داده ها از صفحات HTML به یک پایگاه داده، ترجمه اسناد HTML به فرمت های دیگر، و غیره).
از سوی دیگر، خصیصه کلاس، یک یا چند نام کلاس را به یک عنصر اختصاص می دهد؛ گفته می شود که عنصر می تواند متعلق به این کلاس ها باشد. یک نام کلاس ممکن است با چند عنصر نمونه به اشتراک گذاشته شود. خصیصه کلاس دارای چندین نقش در HTML است:
به عنوان یک برگه شیوه نامه (زمانی که یک نویسنده مایل به تعیین اطلاعات سبک به مجموعه ای از عناصر).
برای پردازش عمومی توسط عوامل کاربر.
در مثال زیر، عنصر SPAN در ارتباط با شناسه ها و کلاس ها به پیام های نشانه گذاری سند استفاده می شود. پیام ها در نسخه های انگلیسی و فرانسوی ظاهر می شوند.
<! - پیام های انگلیسی ->
<P> <SPAN id = "msg1" class = "info" lang = "en"> متغیر دوبار اعلام شد </ SPAN>
<P> <SPAN id = "msg2" class = "warning" lang = "en"> متغیر غیرقانونی </ span>
<P> <SPAN id = "msg3" class = "error" lang = "en"> نحو بدی برای نام متغیر </ SPAN>
<! - پیام های فرانسوی ->
<P> <SPAN id = "msg1" class = "info" lang = "fr"> متغیر d & eacute؛ clar & eacute؛ deux fois </ span>
<P> <SPAN id = "msg2" class = "warning" lang = "fr"> متغیر indie & eacute؛ finie </ SPAN>
<P> <SPAN id = "msg3" class = "error" lang = "fr"> خطای متغیر به عنوان متغیر </ span>
قوانین سبک CSS زیر به عوامل بصری کاربر برای نشان دادن پیام های اطلاعاتی در سبز، پیام های هشدار دهنده زرد و پیام های خطا قرمز نشان می دهد:
SPAN.info {رنگ: سبز}
SPAN.warning {color: yellow}
SPAN.error {color: red}
توجه داشته باشید که "msg1" فرانسوی و انگلیسی "msg1" ممکن است در یک سند ظاهر نشوند چون از آنها یک مقدار مستقل مشترک دارند. نویسندگان ممکن است به استفاده بیشتر از ویژگی id برای اصلاح ارائه پیام های فردی، آنها را به لنگرهای هدف و غیره تبدیل کنند.
تقریبا هر عنصر HTML ممکن است شناسه و اطلاعات کلاس را اختصاص دهد.
فرض کنید، برای مثال، ما یک سند در مورد یک زبان برنامه نویسی نوشتیم. این سند شامل تعدادی از نمونه های پیش فرمت شده است. ما از عنصر PRE برای قالب کردن نمونه استفاده می کنیم. ما همچنین یک رنگ پسزمینه (سبز) را به همه موارد عنصر PRE متعلق به کلاس «مثال» اختصاص میدهیم.
<HEAD>
<TITLE> ... عنوان سند ... </ TITLE>
<STYLE type = "text / css">
PRE.example {background: green}
</ STYLE>
</ HEAD>
<BODY>
<PRE class = "example" id = "example-1">
... کد زیر در اینجا ...
</ PRE>
</ BODY>
با تنظیم ویژگی id برای این مثال، ما می توانیم (1) یک پیوند به آن را ایجاد کنیم و (2) اطلاعات سبک کلاس را با اطلاعات سبک اطلاعات نمونه برداریم.
توجه داشته باشید. شناسه id زمانی که برای اسم های لنگر استفاده می شود، همان نام فضای همان نام attribute را به اشتراک می گذارد. لطفا برای اطلاعات بیشتر به بخش مربوط به لنگر با شناسه مراجعه کنید.
7.5.3 عناصر بلوک و درون خطی
بعضی عناصر HTML که ممکن است در BODY ظاهر شوند، گفته می شود "سطح بلوک" هستند در حالی که دیگران "inline" (همچنین به عنوان "سطح متن" شناخته می شود). این تمایز بر اساس مفاهیم متعددی استوار است:
مدل محتوا
به طور کلی، عناصر بلوک سطح ممکن است شامل عناصر درون خطی و دیگر عناصر سطح بلوک باشد. به طور کلی، عناصر درون خطی ممکن است فقط شامل داده ها و سایر عناصر درون خطی باشد. در این تمایز ساختاری ذاتا این ایده است که عناصر بلوک ساختارهای بزرگتری را نسبت به عناصر درونی ایجاد می کنند.
فرمت کردن
به طور پیش فرض، عناصر بلوک سطح فرمت متفاوت از عناصر درون خطی هستند. به طور کلی، عناصر بلوک سطح در خطوط جدید شروع می شوند، عناصر درون خطی نیستند. برای اطلاعات در مورد فضای سفید، خطوط شکسته و قالب بندی بلوک، لطفا با بخش مربوط به متن مشورت کنید.
مسیریابی
به دلایل فنی که شامل الگوریتم متن دو طرفه [UNICODE] است، عناصر بلوک-سطح و درون خطی در نحوه ارث بر اطلاعات اطالعات متفاوتند. برای جزئیات بیشتر، بخش بخش وراثت جهت متن را ببینید.
ورق های سبک، وسیله ای است برای تعیین رندر عناصر دلخواه، از جمله اینکه آیا عنصر به عنوان بلوک یا درون خطی ارائه می شود. در بعضی موارد، مانند یک سبک درونی برای عناصر لیست، این ممکن است مناسب باشد، اما به طور کلی، نویسندگان از این به نفع تفسیر متعارف عناصر HTML غافل می شوند.
تغییر اصطلاحات ارائه شده سنتی برای سطح بلوک و عناصر درون خطی نیز بر الگوریتم متن دو طرفه تاثیر می گذارد. برای اطلاعات بیشتر بخش مربوط به تاثیر برگه های سبک بر دو جهته را ببینید.
7.5.4 عناصر گروه بندی: عناصر DIV و SPAN
<! ELEMENT DIV - - (٪ جریان؛) * - کانال زبان / سبک عمومی ->
<! ATTLIST DIV
٪ attrs؛ -٪ coreattrs،٪ i18n،٪ وقایع -
>
<! ELEMENT SPAN - - (٪ inline؛) - کانال زبان / سبک عمومی ->
<! ATTLIST SPAN
٪ attrs؛ -٪ coreattrs،٪ i18n،٪ وقایع -
>
تگ شروع: مورد نیاز، تگ پایان: مورد نیاز است
مشخصاتی که در جای دیگر تعریف شده است
شناسه، کلاس (شناسه سند گسترده)
lang (اطلاعات زبان)، dir (جهت متن)
عنوان (عنوان عنصر)
سبک (اطلاعات سبک درونی)
تراز (تراز)
onclick، ondblclick، onmousedown، onmouseup، onmouseover، onmouseemove، onmouseout، onkeypress، onkeydown، onkeyup (حوادث ذاتی)
عناصر DIV و SPAN همراه با شناسه های شناسه و کلاس، یک مکانیزم عمومی برای اضافه کردن ساختار به اسناد ارائه می دهند. این عناصر محتوای را بصورت خطی (SPAN) یا سطح بلوک (DIV) تعریف می کنند، اما هیچ گونه اصطلاحی ارائه شده در محتوا را تحمیل نمی کنند. بنابراین، نویسندگان میتوانند از این عناصر در ارتباط با ورقهای سبک، ویژگی lang و غیره استفاده کنند تا HTML را به نیازها و سلیقههایشان تقسیم کنند.
فرض کنید، برای مثال، ما می خواستیم یک سند HTML بر اساس پایگاه داده ای از اطلاعات مشتری ایجاد کنیم. از آنجا که HTML شامل عناصری نیست که اشیایی مانند "مشتری"، "شماره تلفن"، "آدرس ایمیل" و غیره را شناسایی کند، از DIV و SPAN برای رسیدن به اثرات ساختاری و نمایشی مورد نظر استفاده می کنیم. ما می توانیم عنصر TABLE را به صورت زیر برای ساختن اطلاعات استفاده کنیم:
<! - مثال داده ها از پایگاه داده مشتری: ->
<- نام: Stephane Boyera، تلفن: (212) 555-1212، پست الکترونیک: sb@foo.org ->
<DIV id = "client-boyera" class = "client">
<P> <SPAN class = "client-title"> اطلاعات مشتری: </ span>
<TABLE class = "client-data">
<TR> <TH> نام خانوادگی: <TD> Boyera </ TR>
<TR> <TH> نام: <TD> Stephane </ TR>
<TR> <TH> تلفن: <TD> (212) 555-1212 </ TR>
<TR> <TH> ایمیل: <TD> sb@foo.org </ TR>
</ TABLE>
</ DIV>
<DIV id = "client-lafon" class = "client">
<P> <SPAN class = "client-title"> اطلاعات مشتری: </ span>
<TABLE class = "client-data">
<TR> <TH> نام خانوادگی: <TD> Lafon </ TR>
<TR> <TH> نام: <TD> Yves </ TR>
<TR> <TH> تلفن: <TD> (617) 555-1212 </ TR>
<TR> <TH> پست الکترونیک: <TD> yves@coucou.com </ TR>
</ TABLE>
</ DIV>
بعدها، ما می توانیم به راحتی اعلان های سبک سلولی را برای ارائه این نوشته های پایگاه داده خوب تنظیم کنیم.
برای مثال دیگری از استفاده، لطفا به عنوان مثال در بخش مربوط به ویژگی های کلاس و شناسه نگاه کنید.
به طور کلی کاربرهای ویژوال به طور کلی قبل از و بعد از عناصر DIV، یک بار خط را قرار می دهند، به عنوان مثال:
<P> aaaaaaaaa <DIV> bbbbbbbbb </ DIV> <DIV> ccccc <P> ccccc </ DIV>
که به طور معمول ارائه می شود به شرح زیر است:
aaaaaaaaa
bbbbbbbbb
ccccc
ccccc
7.5.5 عنوان ها: عناصر H1، H2، H3، H4، H5، H6
<! ENTITY٪ عنوان "H1 | H2 | H3 | H4 | H5 | H6">
<! -
شش سطح از H1 وجود دارد (مهمترین)
به H6 (حداقل مهم).
->
<! ELEMENT (٪ heading؛) - - (٪ inline؛) - - عنوان ->
<! ATTLIST (٪ heading؛)
٪ attrs؛ -٪ coreattrs،٪ i18n،٪ وقایع -
>
تگ شروع: مورد نیاز، تگ پایان: مورد نیاز است
مشخصاتی که در جای دیگر تعریف شده است
شناسه، کلاس (شناسه سند گسترده)
lang (اطلاعات زبان)، dir (جهت متن)
عنوان (عنوان عنصر)
سبک (اطلاعات سبک درونی)
تراز (تراز)
onclick، ondblclick، onmousedown، onmouseup، onmouseover، onmouseemove، onmouseout، onkeypress، onkeydown، onkeyup (حوادث ذاتی)
یک عنصر عنوان به طور خلاصه موضوع بخش آن معرفی می کند. برای مثال، می توان اطلاعات عنوان را به وسیله عوامل کاربر، برای ساخت یک جدول محتوی برای یک سند به طور خودکار استفاده کرد.
شش سطر عنوان در HTML با H1 به عنوان مهمترین و H6 به عنوان حداقل است. مرورگرهای ویژوال معمولا مقادیر مهم در فونت های بزرگتر را نسبت به موارد کم اهمیت تر نشان می دهند.
مثال زیر نشان می دهد که چگونه از عنصر DIV برای مرتبط کردن عنوان با قسمت سند که آن را دنبال می کند استفاده کنید. انجام این کار به شما امکان می دهد یک سبک برای بخش (رنگ پس زمینه، فونت و غیره) را با ورق های سبک تعریف کنید.
<DIV class = "section" id = "جنگل فیل">
<H1> فیل های جنگلی </ H1>
<P> در این بخش، ما درباره فیل ها شناخته شده کمتر جنگل صحبت می کنیم.
... این بخش ادامه دارد ...
<DIV class = "subsection" id = "forest-habitat">
<H2> محل سکونت </ H2>
<P> فیل های جنگلی در درختان زندگی نمی کنند بلکه در میان آنها زندگی می کنند.
... این بخش ادامه دارد ...
</ DIV>
</ DIV>
این ساختار ممکن است با اطلاعات سبک مانند:
<HEAD>
<TITLE> ... عنوان سند ... </ TITLE>
<STYLE type = "text / css">
DIV.section {text-align: justify؛ فونت اندازه: 12pt}
DIV.subsection {text-indent: 2em}
H1 {font-style: italic؛ رنگ: سبز}
H2 {رنگ: سبز}
</ STYLE>
</ HEAD>
بخش های شماره شده و مراجع
HTML به خودی خود باعث ایجاد تعداد بخش هایی از عنوان ها نمی شود. با این حال، این امکانات ممکن است توسط عوامل کاربر ارائه شود. به زودی، زبان های جدول سبک مانند CSS به نویسندگان امکان می دهد که تعداد نسخهای بخش را کنترل کنند (برای ارجاعات پیشین در اسناد چاپ شده، مانند «نگاه کنید به بخش 7.2»).
بعضی از افراد در نظر دارند که سطوح سرصفحه را نادیده بگیرند. آنها H1 H2 H1 را در حالی که H1 H3 H1 را قبول نمی کنند از زمانی که H2 H1 نامیده می شود، منتقل می کند.
7.5.6 عنصر ADDRESS
<! ELEMENT ADDRESS - - (٪ inline؛) * - اطلاعات در مورد نویسنده ->
<! ATTLIST ADDRESS
٪ attrs؛ -٪ coreattrs،٪ i18n،٪ وقایع -
>
تگ شروع: مورد نیاز، تگ پایان: مورد نیاز است
مشخصاتی که در جای دیگر تعریف شده است
شناسه، کلاس (شناسه سند گسترده)
lang (اطلاعات زبان)، dir (جهت متن)
عنوان (عنوان عنصر)
سبک (اطلاعات سبک درونی)
onclick، ondblclick، onmousedown، onmouseup، onmouseover، onmouseemove، onmouseout، onkeypress، onkeydown، onkeyup (حوادث ذاتی)
عنصر ADDRESS ممکن است توسط نویسندگان مورد استفاده قرار گیرد تا اطلاعات تماس را برای یک سند یا قسمت عمده یک سند مانند یک فرم ارسال کند. این عنصر اغلب در ابتدای یا پایان یک سند ظاهر می شود.
به عنوان مثال، یک صفحه در وب سایت W3C مربوط به HTML ممکن است شامل اطلاعات تماس زیر باشد:
<ADDRESS>
<A href="../People/Raggett/"> دیو رگقت </ A>
<A href="../People/Arnaud/"> Arnaud Le Hors </A>
افراد تماس بگیرید برای <A href="Activity"> فعالیت HTML W3C </ A> <BR>
$ تاریخ: 2018/03/20 02:36:52 $
</ ADDRESS>
