قبلا این مسائل را توضیح یا تشریح کردم . دراین قسمت سه تا تگ عنوان داریم ولی نیاز به یک عنوان داریم
چون عنوان فارسی و انگلیسی است از یگ تگ استفاده می کنیم برای این که شبیه سورس کد شود یا خط جدید بین عنوان بیفتد می توان از دوتا تگ عنوان استفاده کنیم برای این که فاصله
بین عنوان فارسی وانگلیسی یا فاصله کلمه وترجمه را کم کنیم می توانیم از یک تگ عنوانبا خط جدید استفاده کنیم
یک ارتیکل اضافی داریم کجا بسته شده است مشخص نیست
برای تگ ارتیکل سه نوع یا سه تا هدر ساختیم :
<article></article>
یکی تگ هدر که تگ معنایی است و اسم اش مشخص است که هدر یک قسمتی است و در اینجا هدر ارتیکل می باشد هدر یعنی بالای چون اینجا تگ مقاله یا ارتیکل داریم به معنای قسمت بالای
مقاله می باشد که به یک حالت طراحی کردیم وفوتر یعنی پایین وچون در تگ معنایی مقاله داریم استفاده می کنیم پس می شود پایین مقاله این یک روش برای ساخت یا معنا دارکردن
محتوا با تگ های معنایی .
<article><header></header><footer></footer></article>
ارتیکل یا مقاله را به روش دیگری معنا دار می کنیم یعنی دارای بالای مقاله وپایین مقاله می کنیم روش دیگر استفاده تگ سکشن می باشد یعنی بالای مقاله را با تگ بخش یا
سکشن می سازیم پایین مقاله را با همان روش فوتر پایین مقاله پس روش دیگری برای معنادارکردن مقاله یا معنادارکردن محتوا با تگ های معنایی .
<article><section></section><footer></footer></article>
حال روش دیگری برای معنادار کردن تگ مقاله یا ساختن ساختار برای تگ معنایی مقاله استفاده از تگ غیر معنایی به نام دایو می باشد . یعنی برای مقاله قسمت بالای صفحه یا هدر ساختیم
با استفاده از تگ دایو و ویژگی هدر که همان معنی را می دهد ولی طراحی اش متفاوت می باشد دردوقسمت قبلی از تگ معنایی استفاده کردیم ولی دراین قسمت از تگ غیر معنایی استفاده کردیم
<article><div></div><footer></footer></article>
اما مفهوم در هر سه تا یکسان می باشد و هر سه به معنی هدر وفوتر می باشد در هر سه برای فوتر از تگ معنایی فوتر استفاده کردیم و مثل این قسمت هایی که توضیح دادم می توانیم
از تگ های غیرمعنایی برای فوتریا پایین مقاله استفاده کنیم .
پس در اولی از تگ معنایی (یعنی خودش معنا دارد نیازی نیست بهش معنا بدهیم) در هدروفوتر استفاده کردیم و کاملا مشخص است چه معنی دارد.
محتوا در بخش هشتم از یک مقاله تشکیل شده است که مقاله دارای دوقست هدر یا بالای مقاله و فوتر یا پایین مقاله می باشد و تگ هدروفوتر مقاله هر دو معنایی هستند .
در دومی از تگ معنایی استفاده کردیم (یعنی خودش معنا دارد نیازی نیست معنا بدهیم ) ولی با اولی یک تفاوتی دارد وقتی در اولی از تگ معنایی هدر استفاده می کنیم کاملا مشخص است
که این تگ معنایی یا تگ هدر برای بالای یک قسمتی می باشد ولی تگ سکشن می تواند برای هر قسمتی باشد یعنی می تواند هم به عنوان هدریا بالای مقاله باشد هم
می تواند قسمت فوتر یا پایین مقاله قرار بگیرد در این قسمت از تگ سکشن برای بالای مقاله استفاده کردیم و برای پایین مقاله از تگ معنایی فوتر استفاده کردیم که به معنای پایین مقاله می باشد
پس یک تفاوت در استفاده از تگ های معنایی را هم گفتیم پس محتوا در بخش هفتم از یک مقاله تشکیل شده است که قسمت بالایی مقاله را یا هدر ان را سکشن یا بخش تشکیل داده
است و قسمت فوتریا پایین مقاله را تگ فوتر قرار گرفته است که هردو از تگ های معنایی می باشند.
همانطور که تگ سکشن در این قسمت به عنوان هدر قرار گرفته و توضیح و تشریح کردم به همین حالت می تواند به عنوان فوتر یا پایین مقاله استفاده شود.
استفاده از دو تگ معنایی که یکی از انها می تواند سکشن باشد به عنوان فوتر ویکی دیگر ان هدریا بالای مقاله می باشد
<article><header></header><section></section></article>
استفاده از تگ غیر معنایی ویک تگ معنایی به نام سکشن که در این جا به معنی پایین صفحه می باشد در این قسمت مشاهده می کنید که هیچکدام از تگ به معنی بالا یا پایین نمی دهند وباید
معنادارشان کرد.وقتی از دوقسمت تشکیل شده باشد و یک قسمت معنادار باشد قسمت بعدی مشخص می شود
<article><div class="class"></div><section></section></article>
درسومی از تگ غیرمعنایی استفاده کردیم (یعنی برای این که در متن معنا داشته باشد باید به ان معنا بدهیم یا در متن شناسایی اش کنیم که این تگ به چه معنایی می باشد)
یعنی قسمت هدر یا قسمت بالا را با تگ غیرمعنایی دایو ساختیم ولی تگ دایو که معنای بالا جایی را نمی دهد (تگ معنایی نیست)
وبه معنی تقسیم بندی می باشد یا تقسیم بندی محتوامی باشد برای این که معنا دار باشد یا جایی که استفاده می شود مشخص
باشد به چه منظور استفاده می شود از یک راه شناسایی استفاده کردیم به نام کلاس یعنی از طریق نام گذاری تگ آن را معنادار کردیم بعد در یک قسمتی از مقاله از ان
استفاده کردیم به نام بالای مقاله پس در این قسمت مقاله که یک تگ معنایی است از یک تگ غیرمعنایی به نا م دایو و معنادارکردن با کلاس یا معنادار کردن با یک ویژگی (مقدارنام می باشد) یا معنادارکردن با
نامگذاری و از یک تگ معنایی به نام فوتریا پایین مقاله استفاده شده است پس محتوا در کاربرد سوم از یک مقاله تشکیل شده است که مقاله دارای دو قسمت هدر مقاله با یک تگ دایو می باشد و یک تگ فوتر
که به معنی پایین مقاله می باشد.
همانطور که تگ دایو در این قسمت به عنوان هدر قرار گرفته و توضیح و تشریح کردم به همین حالت می تواند به عنوان فوتر یا پایین مقاله استفاده شود.
استفاده از یک تگ معنایی هدر یا بالا و تگ غیر معنایی دایو که در این قسمت به معنای پایین مقاله یا فوتر قرار گرفته وقتی مقاله از دوقسمت تشکیل شده باشد
ویک قسمت ان تگ معنایی هدر یا بالای مقاله باشد قسمت دیگر ان به معنی پایین مقاله می شود ونیازی به معنادار کردن ان نیست ولی برای بهتر متوجه شدن می توانیم تگ را معنادار کنیم
<article><header></header><div></div></article>
<article><header></header><div class="footer"></div></article>
استفاده از یک تگ معنایی سکشن که به معنی بالای مقاله و تگ غیر معنایی دایو که در این قسمت به معنای پایین مقاله یا فوتر قرار گرفته وقتی مقاله از دوقسمت تشکیل شده باشد
دراین قسمت معنای بالا یا پایین مشخص نیست ولی مشخص است که از دوقسمت تشکیل شده است وهر دو تگ به معنای تقسیم بندی محتوا را می دهد واز جای تگ ها
مشخص است که کدام تگ به معنای بالای مقاله می باشد و کدام تگ پایین مقاله می باشد
<article><section></section><div></div></article>
از این روش هم می توانیم استفاده کنیم وقتی یکی را نامگذاری کنیم دیگری مشخص می شود به چه معنی می باشد
<article><section></section><div class="footer"></div></article>
<article><section class="header"></section><div ></div></article>
این هم روش های نامگذاری تگ ها
استفاده از تگ های اچ تی ام ال در جاهای مختلف
چگونگی استفاده از انها
تفاوت تگ های معنایی وغیر معنایی ونحوه کار با انها
رابطه محتوا با تگ ها
روش های مختلف طراحی
روش های مختلف تبدیل محتوا به کد های اچ تی ام ال یا تگ های اچ تی ام ال
روش های تقسیم بندی محتوا
چگونگی استفاده از ویژگی ها در تگ های اچ تی ام ال
استفاده از ویژگی ها در برقراری رابطه بین محتوا و کدهای اچ تی ام ال
تبدیل تگ غیر معنایی به معنایی
یک صفحه آنلاین کدنویسی برای خودمان درست کردیم.
از قسمتی که اموزش اچ تی ام ال را مطالعه می کردیم یک صفحه آنلاین ثبت نام کردیم که در این بخش می توانیم کدنویسی کنیم
کدهایی که نوشتیم را داخل این محیط بگذاریم ببینیم چه نتیجه ای دارد زبان فارسی را نمی شناسد همین مسئله را جستجو می کنیم داریم در یک صفحه آنلاین کدنویسی می کنیم که ازطریق ایمیل
به این صفحه وارد شدیم و از قسمت اموزشی که مطالعه می کردیم درمورد کدنویسی اچ تی ام ال بود.
به یک مسئله خوردیم و آن را از طریق موتورجستجوی گوگل حل می کنیم .اولین مسئله که متوجه مسئله زبان فارسی به این مسئله ربط دارد
utf-8 encoded
حال باید بدانیم که این مسئله در کجای کدنویسی اچ تی ام ال باید وارد شود این قسمت از کد اچ تی ام ال ما اصلا این قسمت را ندارد پس چرا وقتی در نوت پد می نویسیم و به صورت
فایل اچ تی ام ال ذخیره می کنیم و نتیجه را در مرورگر مشاهده می کنیم مشکل زبان فارسی نداریم یا مشکل اینکد را نداریم .پس وقتی کدم را درحالت انلاین اجرا کردم
یا با یک ادیتور انلاین اجرا کردم به یک مشکلی خوردم که در حالت لوکال یا محلی یا قبلا به این مشکل نخورده بودم .وان مشکل مشخص
نبودن زبان فارسی در نتیجه می باشد .زبان انگلیسی مشخص است . از طریق جستجو به وسیله موتورجستجوی گوگل به وب سایتی رفتیم که به شکل پرسش /پاسخ برنامه نویسی می باشد
ومشکل را متوجه شدیم حال راه حل را کدنویسی یا در کد اچ تی ام ال وارد می کنیم
حالا می توانیم این قسمت را وارد کدمان کنیم و نتیجه را مشاهده کنیم قسمت هایی که در کدمان نیست کپی می کنیم و وارد کدمان می کنیم که اینکد هم جزویی از ان است
هم مشکل و هم راه حل را را پیدا کردیم و در کدمان وارد کردیم و نتیجه را مشاهده کردیم
یک مسئله این که در حالت محلی یا لوکال یا غیر اینترنت که اجرا می کردیم به این مسئله برنمی خوردیم
یک مسئله دیگر این که این راه حل را کپی کردیم اما متوجه شدیم که مشکل از اینکدینگ است و این مسئله را به این شکل اضافه کردیم و کداچ تی ام ال مان کار کرد
در مورد این راه حل نوشته است اگر اچ تی ام ال تان سازگار است با ایکس اچ تی ام ال و علت دیگری ننوشته است و ما یا من می دانم که این روش برای حل کردن
مشکل فارسی نوشتن در مرورگر در کدهای اچ تی ام ال می باشد
<?xml version="1.0" encoding="UTF-8"?>
حال در مورد این مسئله در آموزش مان مطالعه کنیم ببینم به نتایج بهتری نمی رسیم .
حالا مسئله مان چی بود این بود که می خواستم در کدهای اچ تی ام ال فارسی بنویسم و به مشکل خوردم حال درون اموزش مان یک تگ های اچ تی ام ال یا کدهای اچ تی ام ال ببینم به
چی می رسم .یک مسئله مربوط به این بود
اگر اچ تی ام ال تان سازگار است با ایکس اچ تی ام ال
چه رابطه ای بین این سه موضوع وجود دارد ؟
فارسی نوشتن ، اچ تی ام ال ،ایکس اچ تی ام ال
الان داریم از ایکس اچ تی ام ال استفاده می کنیم یا از اچ تی ام ال استفاده می کنیم ؟
تفاوت های ایکس اچ تی ام ال با اچ تی ام ال ؟
می گوید در ایکس اچ تی ام ال این قسمت اجباری می باشد ولی من تغییر دادم هیچ تفاوتی نداشت؟
همان جایی که به مشکل خوردیم تفاوتی نداشت حالا در سورس کدمان هم نگاه کنیم
<!DOCTYPE>
می گوید در ایکس اچ تی ام ال این تگ های اجباری می باشد؟
<html>, <head>, <title>, and <body>
همچنان نتیجه ای داریم در حالت انلاین اجرا کردیم نتیجه با قبل تفاوتی نداشت در حالت لوکال یا محلی اجرا کردیم تفاوتی نداشت یعنی یکی از این تگ ها را پاک کردیم که اگر
خطا داد یا اجرا نشد مشخص است که داریم از ایکس اچ تی ام ال استفاده می کنیم ولی تفاوتی نداشت چون که خود مرورگر تگ هایی که وجود ندارد کامل می کند و اگر
این مسئله راقبلا ما به آن برنمی خوردیم متوجه نشدیم که مشکل از کجا می باشد .اما مسئله
<!DOCTYPE>
را نمی تواند حل کند یعنی نمی تواند این را به سورس کد روی مروگر اضافه کند چون که وقتی یکی از این
<html>, <head>, <title>, and <body>
تگ های نباشد اگر شروع اش نباشد شروع اضافه می کند و اگر پایان نداشته باشد پایان اضافه می کند ولی نمی داند متوجه شود که این
<!DOCTYPE>
وجود ندارد می گوید که در ایکس اچ تی ام ال تگ ها همیشه باید بسته باشند که این مسئله را همیشه رعایت کردیم
یکسری قواعد دیگر برای شناسایی ایکس اچ تی ام ال گفته است مثلا
نام تگ ها باید با حرف کوچک انگلیسی باشد مثل این ها
<html>, <head>, <title>, and <body>
نام ویژگی تگ ها باید با حرف کوچک انگلیسی باشد مقدار ویژگی هایشان داخل دابل کوتیشن می باشد مثل این
<a href="">
تا اینجا که کدنویسی اچ تی ام ال کردیم همه این موارد را داشتیم وهمه این موارد را استفاده کردیم پس ما از ایکس اچ تی ام ال استفاده می کنیم
xhtml
فکرکنم معنی دیگر ان باشد که یکسری از تگ ها برای زبان ایکس ام ال می باشد یکسری از تگ ها برای زبان اچ تی ام ال و چون از تگ های ایکس ام ال در اچ تی ام ال
استفاده می شود به همین خاطر ترکیب این ها شده است ایکس اچ تی ام ال و یکسری قواعد هم برای این گذاشته شده است فرصتی شد در مورد زبان ایکس ام ال
xml
توضیحی خواهم داد یا تشریحی خواهم کرد .
من ازایکس ام ال استفاده کردم از ایکس اچ تی ام ال طبق این توضیحات استفاده کردم و لی از اچ تی ام ال استفاده نکردم که بدانم چه تفاوتی باهم دارند
html,xml,xhtml
ولی با استفاده از ایکس ام ال زبان اچ تی ام ال را کامل کرده اند .
رسیدیم به این مسئله برای این که وب سایت یا صفحه فارسی داشته باشیم باید از یک قطعه کد اچ تی ام ال استفاده کنیم یا باید از مفهوم
encoding
استفاده کنیم و متوجه شدیم این مفهوم در یک قسمتی از کد وجود دارد به نام ایکس ال ام که درون کدهای اچ تی ام ال که قبلا استفاده می کردیم نبوده است یاجزوی ازانها
نبوده است که از ویژگی به نام اینکدینگ استفاده کنیم و این را قبلا متوجه شدیم که مشکل زبان فارسی به این حالت حل می شود و این را از صفحه انلاینی که داشتیم یا ایجاد کردیم متوجه شدیم
<?xml version="1.0" encoding="UTF-8"?>
پس کدهای اچ تی ام ال دارای قسمتی از کدهای دیگری هم می باشند از کجا متوجه شدیم که کدهای دیگری یا برای زبان دیگری است مگر فقط از زبان اچ تی ام ال استفاده نمی کنیم
درسته شبیه به کدهای اچ تی ام ال از علامت
<>
استفاده می کند ولی کد اچ تی ام ال نیست این زیر می توانید مشاهده کنید
<?xml version="1.0" encoding="UTF-8"?>
بعد متوجه شویم این خط برای زبان ایکس ام ال می باشد این که شد دو تا زبان یکی زبان اچ تی ام ال یکی زبان ایکس ام ال همان کدنویسی اچ تی ام ال می باشد اما
برای کامل تر شدن زبان اچ تی ام ال یا گسترش یافته زبان اچ تی ام ال زبان ایکس اچ تی ام ال می باشد و درراه حل هم گفته بود که اگر صفحه اچ تی ام ال شما ایکس
اچ تی ام ال را سازگاری می کند یا پشتیبانی می کند .
پس یک بحث رابطه این دوزبان می باشد یا شباهت های این دو زبان می باشد که درنوشتن یا سینتکس یا کدنویسی شبیه هم می باشند کدها اچ تی ام ال
<html></html>
به این حالت نوشته می شوند و این کدنویسی هم بااین تگ شروع می شود و کد های ایکس ام ال به همین حالت شروع می شود
<؟ xml ?>
مسائلی وجود دارد که در کدنویسی اچ تی ام ال شاید اهمیت نداشته باشد
این راه حل چطور بدست آمد
برای زبان فارسی چطور این حل شده است
از چه مواردی برای حل این مسئله استفاده کرده اند
اما براساس دانشی که دارید می توانید به این راه حل ها و مشکلات نگاه کنید یا از انها استفاده کنید و خودتان رابسنجید.
پس این معنی این جمله که ایکس ام ال و اچ تی ام ال هردو
markup language
هستند را متوجه شدیم پس چون هردو از زبان های نشانه گذاری هستند در یک دیگر استفاده می شوند.
حال کدنویسی ایکس ام ال در فایلی که پسوند اچ تی ام ال دارد به حالت آنلاین مشاهده کردیم وقتی این خط را اضافه کردیم مشکل زبان فارسی حل شد ولی در حالت افلاین یا محلی
یا لوکال به حالت یا صورت کامنت یا توضیحات شده است .پسوند فایلی که ساختیم
html
است و ایکس اچ تی ام ال نیست ولی درون ان فایل از تگ ها یا کدهای ایکس ام ال استفاده کردیم .ازکجا متوجه شدیم که از زبان ایکس ام ال می باشد چون که
شروع تگ به نام ایکس ام ال است پس متوجه می شویم اززبان ایکس ام ال می باشد حال این زبان چطور نوشته می شود چه تعداد تگ ها یا کدهایی دارد وچطوربرنامه نویسی
می شوداز چه بخش هایی تشکیل شده است کاری نداریم ولی این قسمت از زبان ایکس ام ال است وشروع پایان ان مشخص است دارای دو ویژگی می باشد که
یکی ورژن زبان ایکس ام ال را مشخص کرده ویکی دیگر از ویژگی های آن مسئله اینکدینگ می باشد که مقدارش مشخص می کند که ما در فایل اچ تی ام ال خود یا
در کدنویسی یا برنامه نویسی ایکس اچ تی ام ال می توانیم از زبان فارسی استفاده کنیم .
<?xml version="1.0" encoding="UTF-8"?>
یک فایل بسازیم با پسوند ایکس ام ال
.txt >.xml
در این قسمت از فایل نوت پد مشاهده می کنیم وقتی این فایل را می سازیم به طور پیش فرض فایل ساخته شده می تواند از زبان فارسی استفاده کند
encoding="UTF-8"
حال این خط که مشکل کدنویسی اچ تی ام ال ما را حل کرد قطعه کدی از زبان ایکس ام ال می باشد ان را درون فایل همنام یا هم پسوند خودش قرار می دهیم .
پس مشاهده می کنیم فایل با پسوند ایکس ام ال هم با مرورگر باز می شود الان چی شد؟
یک خط کدنویسی ایکس ام ال در فایل با پسوند ایکس ام ال کردیم و در مرورگر اجراکردیم و مرورگر یک خطا به ما داد.
کدهای ایکس ام ال با چه چیزی اجرا می شود با مرورگر توسط چه نرم افزاری این کدها نوشته می شود همانطو که مشاهده کردید با نوت پد نوشتیم با چه پسوندی
ذخیره می شوند با ایکس ام ال هم نام نام زبان.پس شباهت هایی با زبان اچ تی ام ال مشاهده کردیم که هردو توسط مرورگر اجرا می شوند هردومرورگر خطایشان را می گیرد هردوکدنویسی نشانه گذاری هستند
وقتی به حالت انلاین این قطعه کد را وارد کردید وتوانستید از زبان فارسی استفاده کنیم یا در نتیجه زبان فارسی معنا گرفت یا مشخص شد به این معنی است که اچ تی ام ال
با ایکس ام ال سازگاری دارد.
وقتی خطا می دهد خوب است چون که مشخص می شود کد اجرا می شود و یک خطاهایی دارد
ایا چون که فایلی که ساختیم و اینکدینگ آن زبان فارسی را پشتیبانی میکرد در حالت محلی یا لوکال یا غیر اینترنت خطا نداد وما از این قطعه استفاده نکردیم .
استفاده کردن از قطعه کد ایکس ام ال درون فایل اچ تی ام ال نشان دهنده ی استفاده کردن ایکس اچ تی ام ال است
هر موضوعی به یک تگی مربوط می شود مثل همین مسئله که چطوراز زبان فارسی در تگ های اچ تی ام ال استفاده کنیم ورسیدیم به تگ ایکس ام ال که خودش یک زبان
نشان گذاری می باشد .ودراین مورد یک فایل ساختیم وکدی درون آن نوشتیم یک فایل ایکس ام الی که نوشتم را پیدا کنم بعد نگاهی به کدهای ایکس ام ال را نگاه کنیم
دراین فایل های ایکس ام ال از این خط استفاده نکردم و فکر می کنم فقط پسوند فایل را به ایکس ام ال تغییربدهیم برای نوشتن کدهای ایکس ام ال کافی می باشد مشاهده می کنید
کدهای ایکس ام ال شبیه کدها اچ تی ام ال می باشد کدهای اچ تی ام ال شناخته شده هستند یا دسته بندی شده اند و هرکدام مشخص است برای چه کاری استفاده می شود
اما کدهای ایکس ام ال را خودمان می توانید تعریف کنیم
این هم اموزش ایکس ام ال می باشد که این خط را که نشان دهنده استفاده از ایکس ام ال می باشد را هم پیدا کردیم و یکی از روش هایی دیگرکه گفتیم که مشخص است از ایکس ام ال
استفاده میکنیم این است که از فایل با پسوند ایکس ام ال استفاده می کنیم این فایل ایکس ام ال از قبل داشتیم و کدی از ایکس ام ال در انها قرار دادیم تا مشخص کنیم
که این مسئله کجای ان اشتباه می باشد مسئله ما برنامه نویسی ایکس ام ال نیست
خطی که در ایکس اچ تی ام ال استفاده می شود
<!DOCTYPE html>
خطی که درایکس ام ال استفاده می شود
<?xml version="1.0" encoding="UTF-8"?>
این ها منابعی که می توانید بیشتر مطالعه کنید تمام این را توضیح یا تشریح کردم
مسئله ای که به عنوان یک خط درون فایل ایکس ام ال نوشتیم وخطا داد
تمام مواردی که توضیح دادم را می توانید مشاهده کنید
درکل یادمان نرود مسئله ما کدنویسی اچ تی ام ال و استفاده از زبان فارسی بود
خطایابی کدنویسی ایکس ام ال به وسیله موتورجستجوی گوگل
خطا نیست چون که به تنهایی استفاده می شود خطا می دهد ولی وقتی با کدهای دیگر استفاده می شود خطا نمی دهد
اگر خط اول نباشد تفاوتی نداشت پس معنای این خط چیست؟ چون در کدنویسی اچ تی ام ال هم استفاده می شود اگر معنی اش این باشد
که شروع کدنویسی ایکس ام ال است که پاک اش کردیم تفاوتی نکرد پس برای راه حلی که پیدا کردیم داریم مطالعه می کنیم یا ابعاد مختلفش را بررسی می کنیم
دقیقا مسئله مان را جستجو کنیم
می گوید مقداردهی ایکس ام ال فقط در فایل های ایکس ام ال معنی دارد
می گوید این مقداردهی زمانی است که بخواهیم اینکدینگ صفحه مان را به یوتی اف 8 کنیم که این ها را می دانستیم
یعنی کمک گرفتن از ایکس ام ال برای اینکدینگ کردن اچ تی ام ال
چیزهای که توضیح دادیم می توانید در این وب سایت مشاهده کنید ولی نه به صورت یا حالت عملی بلکه به صورت متنی که نشان می دهد که این کار با این زبان انجام می شود.
پس اشنایی با زبان ایکس ام ال پیدا کردیم
گقتیم انلاین شویم شاید این مسئله کامنت یا توضیحات شدن این خط از کد ایکس ام ال حل شود که حل نشد
چون پسوند فایل اش ایکس ام ال است اجرا می شود وربطی به اولین خط ندارد
پس این خط یک خطا نیست برای این وب سایت اموزشی هم می اید رابطه ای بین فایل اچ تی ام ال و ایکس ام ال و زبان فارسی برقرار نشد
این مسئله را هم توضیح دادم اکثر مسائل را در این مورد توضیح یا تشریح کردم
درمورد استفاده از ایکس ام ال در فایل اچ تی ام ال
رابطه بین برنامه نویسی اچ تی ام ال و ایکس ام ال و ایکس اچ تی ام ال
مشکل حل کردن زبان فارسی فایل اچ تی ام ال با ایکس ام ال
نحوه نوشتاری دوزبان ایکس اچ تی ام ال و ایکس ام ال
برنامه نویسی ایکس ام ال کجا یا در چه فایلی نوشته نوشته می شود
تفاوت تگ های اچ تی ام ال یا ایکس اچ تی ام ال با ایکس ام ال
متوجه شدیم که از ایکس اچ تی ام ال استفاده می کردیم
این که در این مسئله دنبال چه چیزی می گردم وان مسئله را متوجه نمی شوم یعنی نمی توانم به کلمات برسانم چون برنامه نویسی ما ربطی به ایکس ام ال ندارد.
از همه مهم تر که اول باید می نوشتم ایکس ام ال یک زبان برنامه نویسی می باشد که خیلی کم به این موضوع نگاه می شود یا توجه می شود و قسمت های مختلف ان را مشاهده می کنیم
سرفصل های اموزشی ان را مشاهده کردیم و کاربردهای ان را نه به طور کامل تا اندکی که با ان اشنا شدیم مشاهده کردیم.
این که در فایل های ایکس ام ال نیازی به این خط نیست ولی در فایل های اچ تی ام ال نیاز به نوشتن این خط می باشد
فایل ایکس ام ال را به حالت یا صورت انلاین اجرا نکردم شاید اگر به حالت یا صورت انلاین اجرا کنم نیاز به نوشتن این خط باشد
ستاره) فیلم آموزشی 20 ام یا در اصل 23 ام از این قسمت شروع می شود. چون سه قسمت قابل مشاهده نبود ولی ضبط شده بود به همین خاطر متن یا محتوا یا نوشته اش را داشتم ولی فیلم آموزشی را نداشتم.
مسئله ای که داشتیم این بود که چطور مشکل فارسی نوشتن در صفحه اچ تی ام ال مان را حل کنیم که یک راه حل را پیدا کردیم که استفاده از یک خط از زبان ایکس ام ال بود و استفاده از ویژگی اینکدینگ
encoding="utf-8"
بود.
مشاهده یا دیدن مسئله اینکدینگ در مرورگر یا در حال اجرا در حالت محلی یا لوکال
یکی ازمسائلی که قبلا داشتیم این بود که چطور برای خط جدید از تگ
<br>
کمتری استفاده کنیم وقتی نیاز است متن در خط های جدیدی باشد.
یکی از مسائلی که داشتیم مسئله ایکس اچ تی ام ال و اچ تی ام ال بود که در
xhtml
.تگ ها باید بسته شوند اگر بسته نشود در تمام متن اعمال می شود
یکی دیگرازمسائل این در
xhtml
این بود که تگ هایی که تگ بسته شدن هم ندارند باید بسته شوند یا خالی هستند مثل تگ خط جدید و خط کش افقی
</br>,</hr>
کاری که می کنم خارج کردن یا کشیدن به بیرون عنوان یا ساختن عنوان یاطراحی عنوان از درون متن با استفاده از تگ خط جدید وپررنگ یا بولد می باشد.
کدنویسی یا جداسازی یا معنادادن به متن براساس طراحی با استفاده از کدهای اچ تی ام ال
تگ های پاراگراف درون هم قرار نمی گیرند جداسازی را ابتدا از طریق تگ پاارگراف
<p>
انجام دادیم بعد براساس این مسئله که تگ های پاراگراف درون هم قرار نمی گیرند و برای جداسازی متن استفاده نمی شود یا تقسیم بندی متن کاربرد این تگ نیست
از تگ دایو برای جداسازی یا تقسیم بندی استفاده کردیم
دراینجا متوجه شدیم براساس دسته بندی هایی که محتوایمان می شود می توانیم ساختاری برای انها ایجاد کنیم بعد ازساختن ساختارمی توانیم کد اچ تی ام ال آن را پیاده سازی کنیم.
خود تگ پاراگراف دارای خط جدید هست به همین خاطر وقتی کنار هم قرارمی گیرند چند تا تگ خط جدید ایجاد می شود
معنی این دوجمله هم همین است که توضیح یا تشریح کردم مرورگرها خط جدید برای تگ پاراگراف ایجاد می کنند شبیه باکس یا جعبه می مانند طراحی شان
دراین قسمت واضح تر توضیح داده است می گوید تگ های
Block-level Elements
عناصر سطح بلاک دارای فضای خالی در قبل و بعدشان می باشد یا مرورگر این فضا را ایجاد می کند که تگ پاراگراف یکی از انها می باشد
به همین خاطر در این قسمت تگ خط جدید را پاک می کنم
حتما محتوا را در یک تگی قرار بدهید یا بگذارید اگر محتوا را درهیچ تگی نگذارید می رود در تگی که باز شده است قرار می گیرد این قسمت درون هیچ تگی نیست ولی وقتی به این قسمت
نگاه کنید مشاهده می کنید درون یک تگی قرار دارد این قسمت به ما نشان می دهد که هر قسمت از محتوا درون چه تگی وجود دارد پس درون تگ دایو با ویژگی
هدر یا سریا بالای مقاله قرار دارد یعنی این قسمت از محتوا را اگر درون هیچ تگی نگذاریم درون تگی قرار می گیرد که باز است و درنزدیکتری تگ باز قرار می گیرد وگرنه تگ های باز
دیگری هم وجود دارد تگ های باز
html, body,div,article,div
می باشد که نزدیکترین تگ باز دایو با ویژگی بالای مقاله می باشد یا هدر می باشد اگر درون تگی باشد برای فهمیدن این که این قسمت از متن چه معنی دارد برای موتورهای جستجو بهتر
می باشد.دراصل اگر درون تگی قرارش ندهیم یا نگذاریم معنای کمتری دارد .الان درون یک تگ قرار گرفت قبلا هم درون تگ ها بود ولی با این دفعه متفاوت می باشد.در
مورد این مسئله یک جستجویی کنیم اگرچنین مسئله ای را یا مسئله ای در ذهن مان قرار گرفت اگر اسم یا عنوان جستجو یا سرفصل اش را می دانستیم پس درموردش جستجو می کنیم
یا تحقیق می کنیم و بیشتریاد میگیریم اگرهم نمی دانستم (یم) نزدیکتری چیزی که می دانم (یم) را جستجو می کنیم تا به چیزی که درموردش کار می کردم (یم) برسم تابدانم چقدر
با این مسئله اشنا هستم و در این مسئله تاکجاها پیش رفتم و اگر هم خیلی هم می دانستم چه پیشنهادهایی می توانم بدهم یا برای شان ارسال کنم یا هر مسئله ی دیگری .
فکر می کنم مسئله ای که به آن اشاره کردیم مربوط می شود به
DOM HTML(Document object model hypter text markup language)
حالا در موردش جستجو می کنیم این را قبلا داشتیم در بحث زبان فارسی
<!DOCTYPE html>
تا اینجا متوجه شدیم که دام و اچ تی ام ال وایکس ام ال یک ربطی به هم دارند
dom,html,xml
اینجا می گوید اگر می خواهید با زبان های برنامه نویسی اچ تی ام ال و ایکس ام ال ارتباط داشته باشید یا تعامل داشته باشید از ای پی ای استفاده می کنید که همان دام می باشد.پس اینها
هم با هم یک رابطه ای دارند
dom,api,html,xml
حالا متوجه نشدیم تگ هایی که در زبان ها اچ تی ام ال یا ایکس ام ال استفاده می کنیم همان ای پی آی هستند.
پس متنی که درون تگی قرار نداشته باشد درون نزدیکترین تگ باز قرار می گیرد
این مسئله را فکر می کنم مربوط می شود یا نزدیک است به مسئله دام یا مدل شی سند
فیلم آموزشی:
فایل های مورد نیاز:
موفق باشید
به امید خدا
