مرجع مقالات رسمی طراحی سایت مرجع مقالات رسمی طراحی سایت .

مرجع مقالات رسمی طراحی سایت

ساختار کلی عناصر HTML

درود و خسته نباشید سرویس ملازمان روکسو، در این قسمت می خوا‌هیم با منش پیشنهادی کدنویسی و ساختار کلی عناصر HTML سخن کنیم . بعضا از موارد پایین جزء مقررات کدنویسی در گویش HTML میباشند البته بعضی دیگر تنها توصیه می شوند و دست شما باز می باشد که از آن ها پیروی نکنید .

طراحی سایت در مشهد

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

محتوا در این نصیب قرار می گیرد
به این ترتیب هر عنصر HTML برابر می‌باشد با تگ آغازین + محتوا + تگ آخری .
مثال:
My first paragraph .

 

نکته: عنصرها HTML ای که دارای محتوا نباشند «عناصر خالی» یا این که empty element اسم دارا هستند و دارنده تگ آخرین هم نیستند . یک عدد از نمونه های بارز این تگ ها، تگ
می‌باشد که مساوی اینتر زدن و به خط آن‌گاه رفتن در هنگام نوشتن می‌باشد .

«به خط تازه رفتن» اصطلاح خاص خودش را دارد؛ line break .
به نمونه ذیل دقت کنید:
html>


This is a
paragraph with a line break .

 

 

1
2
3
4
5
6
7
8
html>


This is a
paragraph with a line break .

 

 

برای مشاهده ی خروجی این کد در مرورگتان روی این پیوند کلیک نمائید .

در
HTML5 نیازی به بستن موادتشکیل دهنده خالی ندارید البته درصورتی که دوست دارید کدهایتان را در نهایت استاندارد بنویسید و همچنین کد هایتان توسط تجزیه کنندگان XML قابل خواندن باشد می توانید آن ها را به این شکل ببیندید:

/>
توجه فرمائید که در این حالت، تگ ها دو عدد (تگ آغازین و پایانی) نمی شوند بلکه به عبارتی تگ اولیه تغییر و تحول شکل پیدا می نماید .

عناصر
تو در تو (nested) عنصرها HTML می توانند به فیس تو در تو یا nested قرار بگیرند؛ این یعنی یک عنصر باطن عنصر دیگری باشد .
به
طور مثال در کد ذیل چهار عنصر HTML وجود دارد:
html>


My
First Heading
My first paragraph .

 

 

1
2
3
4
5
6
7
8
9
html>


My
First Heading
My first paragraph .

 

 

در صورتی‌که به کد بالا نگاه نمایید متوجه می گردید عنصر تمام گواهی HTML را توصیف می کند و دارنده تگ های آغازین و نهایی می‌باشد . محتوای درون این تگ، یک تگ دیگر به نام می باشد . این عنصر بدنه ی سند را تعریف می کند و مشخصا دارنده تگ های آغازین و آخرین هست .
حالا محتوای خویش عنصر دربرگیرنده دو تگ
و
است، یعنی این قسمت:


My
First Heading
My first paragraph .

 


1
2
3
4
5
6


My
First Heading
My first paragraph .

 


هم اکنون تگ
یک عنوان را تعیین می نماید و دارای تگ های
و
می باشد . تگ
هم

توصیف کننده ی یک پاراگراف هست که مشتمل بر تگ های
و

می شود . این توضیح ساختار تو در توی بالا بود . اکنون

می فهمیم مضمون‌ تو در تو بودن چه چیزی است .

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

در
گویش HTML درصورتی که برخی از قسمت ها را جا بیندازید صفحه تان هنوز هم سناریو داده می شود! به طور مثال:
html>


This is a paragraph .
This is a paragraph .

 

1
2
3
4
5
6
7
8
9
html>


This is a paragraph .
This is a paragraph .

 

در نمونه

بالا تگ های نهایی عنصر
را قرار نداده ایم ولی

هنوز هم صفحه ی ما سناریو داده می شود . برای اجرای این کد در مرورگرتان روی این لینک و پیوند کلیک نمائید .

در
واقع تگ آغازین در مثال بالا دلخواه فرض گردیده می باشد ولی قطع هشدار می دهیم که هیچ گاه به این شکل کدنویسی نکنید چرا که:
این اشتباه ها بعضا تایم ها صفحه ی شما را به طور کامل به نیز میریزد و اینطور نمیباشد که همیشه برایتان بدون هزینه باشد .
چه بسا در‌صورتی‌که کاغذ به صحت سناریو داده شود، موتور های جست و جو آن را به عنوان غلط و HTML غیر دارای اعتبار می بینند . بنابراین در نتایج جست و جو جریمه می شوید .
هنگام بازنویسی کدهایتان به ایراد برمی خورید چرا که کلیه چیز به هم ریخته خواهد شد و سر و ته هیچ چیز مشخص نخواهد بود .


برچسب: طراحی سایت در مشهد،
امتیاز:
 
بازدید:

+ نوشته شده: ۱۰ تیر ۱۳۹۸ساعت: ۰۲:۴۵:۵۸ توسط:علی پور موضوع: نظرات (0)