آموزش تگ pre در Html :

در این مقاله قصد داریم با آموزش تگ pre در Html در کنار شما علاقه مندان به یادگیری Html همراه باشیم:

تگ pre مخفف شده کلمه preformatted میباشد و به معنی پیش فرمت شده است.

با به کارگیری تگ <pre> تمام فاصله ها و اینتر ها و تب ها را در متن لحاظ میکند و به همان شکلی که هستند نمایش میدهد.(طراحی سایت , سئو سایت , طراحی سایت )

 (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

ساختار تگ <pre> :

1	<pre>Any text</pre>

برای مثال:

1 2 3 4 5 6 7

<pre> Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks </pre>

خروجی قطعه کد بالا:

1 2 3 4 5

Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks

خروجی قطعه که بالا بدون استفاده از تگ <pre> :

Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks

پشتیبانی مرورگر ها از تگ <pre> در HTML :

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

خصوصیت تگ <pre> :

خصوصیت	مقدار	توضیحات
width	number	تعداد کارکترهایی که در یک سطر قرار میگیرند را مشخص میکند.

نکات تگ <pre> :

1. تگ <pre> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
2. تگ <pre> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ meter در Html :

در این مقاله با آموزش تگ meter در Html که از تگ های جدید در html5 میباشد خدمت شما باشیم:

از تگ meter برای اندازه گیری عددی در یک بازه مشخص استفاده میشود.

نکته ای که بسیار حائز اهمیت است، تگ meter به دلیل شباهتی که با تگ progress دارد، نباید به جای هم استفاده شوند.(طراحی سایت , سئو سایت , طراحی سایت )

 (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

ساختار تگ <meter> :

1	<meter value="number">Optional text<meter>

برای مثال کد زیر را مشاهده کنید:

1	<meter value="0.6">60%</meter>

پشتیبانی مرورگر ها از تگ <meter> در HTML :

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

خصوصیت های تگ <meter> :

خصوصیت	مقدار	توضیحات
form	form_id	مقداری که از آن فرم میتواند دریافت و در خود پردازش کند.
high	number	عددی کوچکتر از max به عنوان بازه بالا یک رنج بین عددی max و min
low	number	عددی بزرگتر از min به عنوان بازه پایین یک رنج عددی بین max و min
min	number	کمترین مقدار قابل قبول
max	number	بیشترین مقدار قابل قبول
optimum	number	مشخص میکند که در یک بازه عددی برای اندازه گیری چه عددی بهینه است یا خیر
value	number	یک خصوصیت الزامی که بدون اصلا تگ meter کاربرد ندارد.

نکات تگ <meter> :

1. تگ <meter> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
2. تگ <meter> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ mark در Html :

در این نوشته با آموزش تگ mark در Html در خدمت شما همراهان سئوراز هستیم:

از تگ mark برای برجسته کردن(بُلد کردن نه!!!) یا هایلایت(Highlight) یک متن و نوشته به کار میرود.

تگ <mark> از تگ های جدید HTML5 میباشد.(طراحی سایت , سئو سایت , طراحی سایت )

 (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

ساختار تگ <mark> :

1	<mark>Highlighted text</mark>

برای مثال کد زیر را مشاهده کنید:

1	<p>Do not forget you to buy <mark>milk</mark> today!!!</p>

خروجی قطعه کد بالا:

Do not forget you to buy milk today!!!

پشتیبانی مرورگر ها از تگ <mark> در HTML :

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

نکات تگ <mark> :

1. تگ <mark> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
2. تگ <mark> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ kbd در Html :

در این نوشته با آموزش تگ kbd در Html در خدمتش شما همراهان سئوراز هستیم:

تگ <kbd> مخفف کلمه keyboard میباشد و برای نمایش ورودی صفحه کلید مانند کلید های ترکیبی مینابر مانند ctrl+v و امثال اینها به کار میرود.(طراحی سایت , سئو سایت , طراحی سایت )

(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

ساختار تگ <kbd> :

1	<kbd>Keyboard input</kbd>

برای مثال:

1	To copy this post, you must press <kbd>ctrl+c</kbd> and use the <kbd>ctrl+v</kbd> buttons to paste.

خروجی قطعه کد بالا:

To copy this post, you must press ctrl+c and use the ctrl+v buttons to paste.

پشتیبانی مرورگر ها از تگ <kbd> در HTML :

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

نکات تگ <kbd> :

1. فونت پیشفرض تگ <kbd> مانند تگ <code>، فونت monospace میباشد.
2. استفاده تگ <kbd> پیشنهاد نمیشود، برای رسیدن به نتیجه مشابه میتوانید از css استفاده کنید.
3. تگ <kbd> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
4. تگ <kbd> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.

آموزش تگ ins در Html :

در این نوشته با آموزش تگ ins در Html در خدمت شما هستیم:

در بعضی مواقع شما نیاز دارید مطالب خود را به دلایل زیاد و مختلفی به روز کنید، بخشی از متن را پاک کنید و قسمت های جدیدی به متن اضافه کنید.

شما با استفاده از تگ <ins> به موتور های جستجو و خزنده ها اعلام میکنید که این بخش از متن، نوشته جدید می باشد.

تگ <ins> بیشتر با تگ <del> به کار میرود تا هم بخش حذف شده را به موتورهای جستجو اعلام کنید و هم بخش اضافه شده (جدید، جایگزین) را اعلام کنید.(طراحی سایت , سئو سایت , طراحی سایت )

 (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

ساختار تگ <ins> :

1	<ins cite="url" datetime="YYYY-MM-DDThh:mm:ssTZD">new text</ins>

برای مثال:

1	<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

خروجی قطعه کد بالا:

My favorite color is blue red!

پشتیبانی مرورگر ها از تگ <ins> در HTML :

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

خصوصیات اختیاری تگ <ins> در html:

خصوصیت	مقدار	توضیحات
cite	URL	منبعی که با استدلال آن باعث شده تا شما متن را تغییر بدهید معرفی میکند.
datetime	YYYY-MM-DDThh:mm:ssTZD	تاریخ و زمان تغییر متن را مشخص میکند.

نکات تگ <ins> :

1. تگ <ins> برای معرفی کردن قسمتی از متن که جدید نوشته شده یا به تازگی اصلاح شده است به کار میرود.
2. تگ <ins> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
3. تگ <ins> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.