تغییراتی در محتوا یا متن از طریق تگ های ایجاد کردیم
وارد صفحه آموزشی یا مرجع آموزشی شدیم و جالب بود که وقتی به اینترنت متصل نشدیم صفحه باز شد و محتوا به ما نشان داده شد.
متوجه شدیم که در روی اینترنت جایی یا صفحه یا آموزشی وجود دارد که به این موضوع اشاره می کند که اگر می خواهید متن خودتان را روی اینترنت بگذارید
یا یک صفحه تحت وب ایجاد کنید و می خواهید محتوای خودتان را کدنویسی کنید می توانید رابطه ی بین محتوا وتگی که می خواهید استفاده کنید را یا مدیریت محتوای خودتان در
این قسمت مشاهده کنید و قسمتی از محتوای خود یا تگ های خود را تغییر دادم و مشاهده می کنم یا مطالعه می کنم تا بدانم ایا طور دیگری هم می توان ساختاری برای محتوا
از طریق تگ ها ساخت .تگی که ازش استفاده کردیم به نام لیست توضیحات می باشد .
درقسمت گروه بندی محتوا یا مطالب استفاده می شود .یعنی اگر بخواهیم محتوارا به یک گروه خاصی تبدیل کنیم یا دسته بندی کنیم یا گروه بندی کنیم از این تگ ها استفاده می کنیم
که یکی از این تگ ها تگ لیست توضیحات می باشد .وجزو دسته بندی محتوای جریان می باشد .
از این حجم از مطالب چطوری می توان این چیزها را بیرون کشید یا خارج کرد.
تگ لیست توضیحات در بحث دام یا مدل شی سند یا
Dom
<dl> ریشه می باشد
<dt>,<dd> بچه های آن می باشد.
دربحث طراحی متوجه شدید که چطوراز ان استفاد می کنیم
دربحث دسته بندی هم متوجه شدید که جزو کدام دسته بندی محتوا یا مطالب می باشد.
شبیه نام مقدار می باشد مثلا دراینجا قسمت مسئله ترجمه را دربحث نام /مقدار استفاده کردیم یعنی انگلیسی نام می شود فارسی یا توضیح اش مقدار می باشد .
دراین قسمت کلا مثلا دام یا مدل شی سند یا ساختاردرختی اچ تی ام ال یا
DOM
را توضیح می دهد مثلا می گوید اگرازتگ لیست استفاده کنیم کجا به عنوان ریشه یا بچه ها یا
root,children
قرار می گیرد .این چیزی که اینجا توضیح داده است دراین قسمت پیاده سازی کرده است .
(dt elements, possibly as children of a div element child)
این قسمت می گوید تگ دی تی می تواند بچه یا زیر گروه یک تگ دایو باشد که خود تگ دایو زیر گروه تگ دیگری می باشد .
ساختاردرختی یا مدل شی سند یا پیاده سازی به شکل تگ های اچ تی ام ال
<dl>
<div>
</dt></dt>
</div>
</dl>
(dd elements, possibly as children of a div element child)
این قسمت می گوید تگ دی دی می تواند (احتمال دارد یا ممکن است) بچه یا زیرگروه از تگ دایو باشد که تگ دایو بچه یا زیر گروه تگ دیگری باشد.
ساختاردرختی یا مدل شی سند یا دام به شکل تگ های اچ تی ام ال
<dl>
<div>
<dd></dd>
</div>
</dl>
و این مطالبی را که توضیح دادم یا تشریح کردم در این قسمت پیاده سازی کرده است و من فقط توضیح اش را به فارسی دادم .
مسئله ی دیگری که وجود داشت دسته بندی محتوا یا بحث گروه بندی محتوا از طریق تگ ها می باشد
حال در بحث تگ لیست توضیحات چه چیزی گروه بندی می شود ؟
دربحث لیست توضیحات مسئله نام/مقدار وجود دارد یعنی نام به حالت یا صورت عنوان قرار می گیرد و مقدار توضیح اش می شود حالا چطور در اینجا استفاده کردم
مسئله ترجمه را به این تعمیم دادم یعنی چه ؟یعنی کلمه یا عبارت انگلیسی به عنوان نام می شود و کلمه فارسی یا توضیح را مقدار قرار دادیم حالا می خواهیم به چه چیزی
برسیم مسئله این که گروه بندی محتوا یعنی چه و این مفهوم در کدام قسمت این تگ قرار دارد .
مسئله نام/مقدار یک گروه را تشکیل می دهد.
می توانیم از چند مقدار استفاده کنیم برای یک نام و می توانیم از چندتا نام برای یک مقدار استفاده کنیم .
ساختاردرختی این مفهوم یا تگ های اچ تی ام ال به این شکل می باشد
می توانیم از چند مقدار استفاده کنیم برای یک نام
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
ببینیم در مثال های مان ازاین استفاده کردیم دراین قسمت مشاهده می کنیم که یک مفهوم چند بارحالت نام/مقدار گرفته است
حالا از این روش استفاده می کنیم که یک نام چند مقدار داشته باشد.از این روش استفاده کردیم و متوجه شدیم که طراحی بهتری می توانستیم کنیم ولی استفاده از چند مقدار با
این که از چند تا خط جدید استفاده کنیم تفاوتی نکرد یا نداشت .مفهوم اش این می شود که یک عنوان چند مقدار یا توضیح دارد ولی خط جدید نتیجه را طوری دیگر نشان می دهد وشبیه
این است که جزویی از مقادیر می باشد .
درحالی که این قسمت مسئله ترجمه می باشد مفهوم نام /مقدار مسئله کلمه/ترجمه میباشد ولی این قسمت مسئله عبارت /توضیح میباشد.
درسته هردو مفهوم نام/مقدار دارند ولی مفاهیم متفاوتی دارند.
این مسئله هم وجود ندارد که درون یک نام/مقدار درون یک مقدار یک نام مقداردیگری را بازکنیم .
درون توضیحات دارای مفهوم نام/مقدار می باشد و این مفهوم به این شکل پیاده سازی نمی شود.
<dl>
<dt></dt>
<dd>
<dt></dt>
</dd></dd>
</dd>
</dl>
در مروگر هم مشاهده می کنید این مفهوم پیاده سازی نشده است .
حال شد چند تا عنوان چند تا توضیحات سوال اینجا است که کدام عنوان برای کدام توضیحات می باشد.
که شبیه این را هم در اینجا مشاهده میکنید
یک اشکال نوشتاری یا سینتکسی داشت ببینیم درست شد .
پس برمی گردیم به این مسئله که
قسمتی از محتوا درون هیچ تگی نیست وقتی روی آن کلیک می کنیم مرورگر می گوید درون تگ لیست توضیحات می باشد درحالی که این قسمت از محتوا توضیح قسمتی از
متن یا محتوا می باشد که عنوانی برای آن یا نام برای آن ساخته ایم .اگر از تگ توضیحات استفاده کنم که این مشکل پیش می اید که توضیحات درون توضیحات قرار می گیرد
<dl>
<dt></dt>
<dd>
<dt></dt>
</dd></dd>
</dd>
</dl>
یا اگر جداسازی کنم قسمتی از محتوا درون توضیحات قرار نمی گیرد.
دراین حالت کل توضیحات برای عنوان شد یعنی مسئله نام/مقدار تشکیل شده است
تگ های لیست توضیحات زیر تگ توضیحات توضیحات نمی توانند درون هم قرار گیرند .
<dd>
</dd></dd>
</dd>
پس برای این که مفهوم نام/مقدار یا عنوان/توضیحات درست باشد یا تشکیل شود.همه را توضیحات کردیم که باعث جداسازی محتوا شد .
که این جداسازی با تگ توضیحات توضیحات خیلی مفهوم خاصی ندارد.و استفاده از یک تگ توضیحات توضیحات کافی می باشد.
<dd>
با استفاده از 4 تگ خط جدید همان نتیجه را مشاهده می کنیم ولی مفهوم نام/مقدار درست کار می کند .تعداد تگ کمتری استفاده کردیم محتوایمان برای پیدا شدن یا شناخته
شدن ارزش کمتری پیدا کرد .ولی ساختارنتیجه یاخروجی به همان شکلی شد که از تگ های لیست توضیحات استفاده می کردیم
دراین قسمت مشاهده می کنیم که دو مفهوم در توضیحات وجود دارد یا داشت و برای ان عنوان با خط جدید ساختیم عنوان با تگ عنوان توضیحات هم می توانستیم
بسازیم
<dd>
<dt></dt>
</dd>
پس نتیجه به این شکل شد
<dd></dd>
<dt></dt>
معنی اش چی هست یعنی تگ عنوان توضیحات یا دی تی در تگ توضیحات توضیحات یا دی دی نمی تواند استفاده شود در کل این تگ ها نمی توانند درون همدیگر قرار بگیرند
با مفهوم نام/مقدار هم یکسان یا درست در می آید یعنی فقط می تواند به شکل نام/مقدار استفاده شوند یعنی یک نام یک مقدار یک نام چند مقدار وبرعکس آن.
پس علت استفاده از تگ خط جدید را در این قسمت متوجه شدیم
دراینجا یک عنوان داشتیم با توضیحات که درون توضیحات هم دو تا عنوان داشتیم با توضیحاتش که اینها در توضیحات قبلی قرار می گرفتند ولی در ساختاری که تشکیل شد به کل
مفهوم توضیحات از بین رفت قسمتی از متن در این که جزو توضیحات باشد از بین رفت یا از توضیحات جدا شد و برای خودش شکل نام/ مقدار یا عنوان/توضیحات گرفت.
یا قسمتی از متن که اصلا دیگر درهیچ تگی قرار ندارد یا در اخرین تگ باز یا لیست توضیحات قرار گرفت.این هم از مشکلات یا اشکالات هر نوع طراحی که
به فکرمان می رسد.
حالا می رویم طراحی که با خط جدید کردیم یا تگ
<br/>
کردیم.مفهوم عنوان/ توضیحات درست است دوتا عنوان تشکیل شده است با خط جدید اما مسئله ای که وجود دارد دوعنوان داریم با دو توضیح که معنای متفاوتی دارند
که هردواین توضیحات درون یک توضیحات قرارگرفته اند که نمی تواند از روشی که قبلا گفتیم استفاده کنیم .پس ارزش معنایی به همین خاطر پایین امده است .
درسته از لحاظ طراحی تفاوتی ندارد که از تگ خط جدید استفاده کنیم همان طراحی است که از تگ های دیگر استفاده کنیم اما از لحاط معنایی یا ارزش محتوایی یا از لحاظ این که
از این متن ام استفاده کنند یا از لحاظ رابطه بین محتوا و تگ ها و از لحاظ رابطه بین طراحی و مفهوم و از لحاظ این که موتورهای جستجو چطور این قسمت از محتوای من را
با یک یا دو تگ جدید بتوانند پیدا کنندچون که موتورهای جستجو علم غیب که ندارند بدانند این قسمت از محتوا معنی اش چی است انسان هم که نیستند که خواندن و نوشتن بدانند از یک
جایی باید بدانند یا بتوانند که تشخیص بدهند معنی یا مفهوم این قسمت از متن چی هست راهی که می توانند تشخیص بدهند یا بفهمند این است که تگ را پیدا کنند و بدانند از
چه تگی استفاده کرده ایم در ان قسمت از متن و از طریق تگ استفاده شده متن را تشخیص بدهند و دراختیار کاربر قرار بدهند پس ارزش محتوایی به ان چیزی
که در صفحه ام نوشته ام ربط دارد ولی به استفاده از تگ هایی که معنا رابرای محتوا درون اینترنت هم می سازند ربط دارند اگردر اینترنت علت دیگری برای شناسایی یا
تشخیص متن هست این را نمی دانم ولی علتی که به متن ارزش می دهد یا باعث شناسایی می شود یکی از انها استفاده از تگ ها می باشد و یکی دیگراین که از چه
تگی استفاده می شود و یکی این چطور رابطه بین متن وتگ ساخته می شود .
اصلا چه تگی می تواند درون تگ توضیحات توضیحات قرار بگیرد یا تگ
<dd>
می تواند به عنوان ریشه قرار بگیرد یا تگی می تواند به عنوان بچه یا
children
اش باشد.برای این که از تگ های استفاده کنیم می توانیم یکی از روش های تشخیص یا استفاده از تگ ها این می تواند باشد که نیاز نباشد خیلی جستجو کنیم
همین که بدانیم چه تگی به عنوان ریشه می تواند باشد و چه تگی نمی تواندبه عنوان ریشه باشد این همه نیازنیست جستجو کنیم مفاهیم رابررسی کنیم که می شود چنین تگی
درون تگی قرار بگیرد یا نه.پس این همه جستجو و مطالعه باز به همان طراحی اولیه مان رسیدیم
مفاهیم تگی که روی سورس کدمان پیاده سازی کردیم هم اشنا شدیم .
متوجه شدیم درا ین مثال مان اگر از چند مقدار استفاده کنیم برای یک نام باعث جداسازی محتوایمان می شود.
مثلا یک کلمه انگلیسی ممکن است چند تا ترجمه داشته باشد کلمه انگلیسی نام و ترجمه ها مقادیر ان می باشد و این مفهوم کلمه/ترجمه یک گروه محتوایی را تشکیل می دهند .
موارد استفاده از این مسئله را دراین قسمت توضیح داده است به این معنی می باشد که
اگر شما محتوایی داشتید به حالت یا صورت سوال /جواب می توانید از گروه بندی یا از مفهوم نام/مقدار استفاده کنید که این مفهوم نام/مقدار در تگ لیست توضیحات استفاده می شود
و از این روش است که شما متوجه می شوید برای محتوای خودتان از چه تگی استفاده کنید . یعنی سوال نام می شود و جواب مقدار می شود و این یک گروه بندی محتوایی را تشکیل می دهد.
فیلم آموزشی:
فایل های مورد نیاز:
موفق باشید
به امید خدا
