بهترین سایت برای توسعه دهندگان وب

دروس HTML5

شروع HTML مقدمه HTML ویرایشگران HTML مثالهای اساسی HTML المان های HTML ویژگی های HTML عناوین HTML بندهای HTML سبک های HTML قالب بندی HTML نقل قول های HTML نظرات HTML رنگهای HTML HTML و CSS پیوندهای HTML تصاویر HTML جداول HTML لیست های HTML بلوک های HTML کلاس های HTML شناسه های HTML فریم های HTML HTML و JavaScript مسیرهای پرونده HTML HTML قسمت هدینگ چیدمان های HTML HTML پاسخگو کد رایانه HTML موجودیت HTML نمادهای HTML رمزگذاری HTML رمزگذاری URL HTML HTML و XHTML

HTML فرم ها

فرم های HTML عناصر فرم HTML انواع ورودی HTML صفات ورودی HTML

HTML5

مقدمه HTML5 پشتیبانی HTML5 عناصر جدید HTML5 عناصر معنایی HTML5 مهاجرت از HTML4 راهنمای سبک HTML5

HTML گرافیک

HTML Canvas HTML SVG

HTML رسانه

HTML ویدیوی HTML صوت HTML افزونه های HTML یوتیوب HTML

HTML API

مکان جغرافیایی HTML کشیدن / رها کردن HTML HTML ذخیره وب HTML کارهای وب HTML و SSE

HTML مثال

مثالهای HTML آزمون ها HTML تمرینات HTML گواهی HTML خلاصه HTML قابلیت دسترسی به HTML

HTML منابع

لیست برچسب های HTML صفات HTML صفات جهانی HTML رویدادهای HTML رنگهای HTML کانواس HTML صوتی / تصویری HTML نسخه معتبر HTML مجموعه نویسه های HTML رمزگذاری URL HTML رمزگذاری زبان HTML پیام های HTTP روشهای HTTP مبدل PX به EM میانبرهای صفحه کلید

HTML5 درسهایی برای مبتدیان

HTML و XHTML


XHTML نسخه سختگیرانه تر و مبتنی بر XML از HTML است..


XHTML چیست؟

  • XHTML مخفف EXtensible HyperText Markup Language -آنهایی که قابل توسعه HTML
  • XHTML نسخه سختگیرانه تر و مبتنی بر XML از HTML است
  • XHTML همان HTML است که به عنوان یک برنامه XML تعریف می شود
  • XHTML در HTML به عنوان برنامه XML تعریف شده است
  • XHTML توسط همه مرورگرهای اصلی پشتیبانی می شود

چرا XHTML؟

یک زبان نشانه گذاری است که در آن تمام اسناد باید به درستی علامت گذاری شوند ("خوش فرم" باشد). "XML" .

XHTML برای توسعه و انعطاف پذیری بیشتر HTML برای کار با سایر قالبهای داده (مانند XML) ساخته شد. علاوه بر این ، مرورگرها خطاهای موجود در صفحات HTML را نادیده می گیرند و سعی می کنند وب سایت را حتی اگر دارای برخی خطاها در نشانه گذاری باشد ، نمایش دهند. بنابراین XHTML با خطای سختگیرانه تری روبرو می شود.

<html>
<head>
  <title>این کد بدی است HTML</title>

<body>
  <h1>بد HTML
  <p>این یک پاراگراف است
</body>

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

XML یک زبان نشانه گذاری است که در آن اسناد باید به درستی علامت گذاری شوند (باید خوب باشد) شکل بگیرند.

اگر می خواهید XML را یاد بگیرید ، لطفاً آموزش XML ما را بخوانید.

XHTML با ترکیب نقاط قوت HTML و XML توسعه یافته است.

XHTML HTML به عنوان XML بازسازی می شود.


مهمترین تفاوتها با HTML

ساختار سند

  • XHTML به DOCTYPE لازم دارد است
  • ویژگی XHTML در <html> اجباری است
  • <html> ، <head> ،<title> و <body> اجباری هستند

المان های XHTML

  • المان های XHTML باید به درستی تو در تو قرار بگیرند
  • المان های XHTML باید همیشه بسته باشند
  • المان های XHTML باید با حروف کوچک باشند
  • اسناد XHTML باید دارای یک عنصر اصلی باشند

ویژگی های XHTML

  • نام ویژگی ها باید کوچک باشد
  • مقادیر صفت باید مشخص شود
  • به حداقل رساندن ویژگی ها ممنوع است

XHTML - >!DOCTYPE ....> اجباری است

یک سند XHTML باید دارای یک اعلامیه XHTML DOCTYPE باشد.

برای لیست کامل همه نسخه های XHTML ، به مرجع برچسب HTML مراجعه کنید.

المان های <html> ، <head> ، <title> و <body> نیز باید وجود داشته باشند و ویژگی xmlns در <html> باید نام اسامی xml را برای سند مشخص کند.

این مثال یک سند XHTML با حداقل برچسب های مورد نیاز را نشان می دهد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>عنوان سند</title>
</head>

<body>
  مقداری متن
</body>

</html>

عناصر XHTML باید به درستی تو در تو قرار بگیرند

در XHTML ، عناصر باید همیشه به درستی درون یکدیگر قرار بگیرند ، مانند این:

<b><i>این متن پررنگ و مورب است</b></i>

در XHTML ، همه عناصر باید به درستی جاگذاری شوند ، به عنوان مثال:

<b><i>این متن پررنگ و مورب است</i></b>

المان های XHTML باید همیشه بسته باشند

درست نیست:

<p>این یک پاراگراف است
<p>این یک پاراگراف دیگر است

درست است:

<p>این یک پاراگراف است</p>
<p>این یک پاراگراف دیگر است</p>

موارد خالی نیز باید بسته شود

درست نیست:

یک فاصله: <br>
یک خط عمودی: <hr>
یک عکس: <img src="happy.gif" alt="Happy face">

درست است:

یک فاصله: <br />
یک خط عمودی: <hr />
یک عکس: <img src="happy.gif" alt="Happy face" />

المان XHTML باید با حروف کوچک باشند

درست نیست:

<BODY>
<P>این یک پاراگراف است</P>
</BODY>

درست است:

<body>
<p>این یک پاراگراف است</p>
</body>

نام ویژگی های XHTML باید با حروف کوچک باشد

درست نیست:

<table WIDTH="100%">

درست است:

<table width="100%">

مقادیر صفت باید نقل شود

درست نیست:

<table width=100%>

درست است:

<table width="100%">

به حداقل رساندن ویژگی ها ممنوع است

درست نیست:

<input type="checkbox" name="vehicle" value="car" checked />

درست است:

<input type="checkbox" name="vehicle" value="car" checked="checked" />

درست نیست:

<input type="text" name="lastname" disabled />

درست است:

<input type="text" name="lastname" disabled="disabled" />

نحوه تبدیل از HTML به XHTML

  1. XHTML <!DOCTYPE> را به سطر اول هر صفحه اضافه کنید
  2. ویژگی xmlns را به عنصر html هر صفحه اضافه کنید
  3. همه نام موارد را کوچک بنویسید
  4. همه موارد خالی را ببندید
  5. همه نام ویژگی ها را کوچک بنویسید
  6. تمام مقادیر ویژگی را نقل کنید

HTML را با اعتبارسنج W3C بررسی کنید

آدرس وب خود را در کادر زیر وارد کنید:






این سایت برای آموزش ، آزمایش و یادگیری بهینه شده است. نمونه ها را می توان برای بهبود ساده کرد خواندن و درک اساسی. آموزشها ، پیوندها و مثالها مرتباً تجدید نظر می شوند تا از آنها جلوگیری شود خطاها ، اما ما نمی توانیم صحت و عملکرد کامل همه مطالب را تضمین کنیم. با استفاده از این سایت ، شما موافقت می کنید که مطالعه کرده اید و پذیرفته ایدمقررات استفاده , کوکی و سیاست های حفظ حریم خصوصی. کپی رایت 1999-2020 حق چاپ و .. محفوظ توسط احمد فرجی
سایت توسط چارچوب farsiw3.ir طراحی شده است.

Farsiw3.ir