با آموزش تگ q در Html درخدمت شما هستیم:
از تگ q برای قسمت هایی از متن استفاده می شود که می خواهیم یک نقل قول از یک متن را را بیان کنیم.
هنگام استفاده از تگ مرور گر برای آنکه به کاربر بفهماند این یک نقل قول است از علامت نقل قول برای نمایش آن استفاده می کند.
کاربرد این تگ مانند تگ blockquote می باشد با این تفاوت که تگ blockquote برای نشانه گذاری یک بخش از متن از منبع دیگری، استفاده می شود.(طراحی سایت , سئو سایت , طراحی سایت )
همچنین تگ q در Html5 پشتیبانی می شود و همینطور در نسخه های با ورژن پایین تر، و تفاوتی در نسخه های مختلف Html برای تگ q نیز نمی باشد.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
قطعه کد زیر نمونه ای از کاربرد تگ q در Html می باشد:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <html> <head> </head> <body> <p> this is a text. <q>Lorem ipsum dolor sit amet</q> this is a text. </p> </body> </html> |
خروجی قطعه کد بالا به این صورت می باشد:
this is a text. ” Lorem ipsum dolor sit amet ” this is a text.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| cite | URL | توسط این خصوصیت آدرس منبعی را که نقل قول از آن انجام شده است می توان نشان داد. |
تگ q تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.
برای نمایش برخی از نمودار ها که به صورت درصد می باشند و یا همان نمایش نوار پیشرفت می توان از تگ progress نیز استفاده کرد. (طراحی سایت , سئو سایت , طراحی سایت )
برای مثال هنگام لود شدن یک صفحه و یا تصویر می توانید از آن استفاده کنید. و اگر می خواهید به آن حالت داینامیکی بدهید باید از اسکریپت نیز استفاده کنید چراکه تگ progress به تنهایی به صورت ثابت و استاتیک می باشد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از نکاتی که باید به آن دقت کنید این است که برای نمودار هایی که شکل آماری دارند مانند مقدار فضای استفاده شده از یک دیسک یا میزان پاسخ دهی به یک سوال نباید از این تگ استفاده کرد و بهتر است از تگ meter استفاده شود.
قطعه کد زیر نمونه ای از کاربرد تگ progress در Html می باشد:
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html> <body> Downloading progress: <progress value="22" max="100"> </progress> <p><strong>Note:</strong> The progress tag is not supported in Internet Explorer 9 and earlier versions.</p> </body> </html> |
خصوصیت های تگ progress در Html:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| max | number | با این خصوصیت مقدار لازم برای تکمیل فرایند را می توان مشخص نمود. پشتیبانی از Html5 |
| value | number | با استفاده از این خصوصیت مقدار فرایندی که از کل فرایند طی شده است را می توان مشخص نمود. پشتیبانی از Html5 |
تگ progress تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.
از تگ iframe برای نمایش یک صفحه وب در صفحه ی کنونی که در مقابل شما قرار دارد استفاده می شود.
تگ iframe را توسط css استایل دهی می کنیم و بسیاری از خصوصاتی که در نسخه های قدیمی تر استفاده می شده است در Html5 دیگر کاربردی ندارد ولی ما در اینجا در جدول مورد نظر به آن ها نیز اشاره کرده ایم. (طراحی سایت , سئو سایت , طراحی سایت )
اگر می خواهید برای افرادی که از مروگرهای دیگری استفاده می کنند که قادر به پشتیبانی از تگ iframe نمی باشد، پیغامی را نمایش دهید می توانید یک متن را داخل تگ iframe نیز قرار دهید. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
قطعه کد زیر نمونه ای از کاربرد تگ iframe در Html می باشد:
1 2 3 4 5 6 7 8 9 10 | <!DOCTYPE html> <html> <body> <iframe src="https://seoraz.com"> <p>Your browser does not support iframes.</p> </iframe> </body> </html> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left right top middle bottom | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی تگ iframe را نسبت به عناصر دیگر مشخص نمایید. |
| frameborder | 1 0 | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. این خصوصیت نمایش حاشیه های اطراف تگ iframe را نیز مشخص می کند. |
| height | pixels | توسط این خصوصیت می توانید ارتفاع تگ iframe را تغییر دهید. |
| longdesc | URL | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید در باره ی محتویات iframe توضیحاتی بنویسید. |
| marginheight | pixels | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. این خصوصیت می تواند حاشیه های بالا و پایین تگ iframe را مشخص کند. |
| marginwidth | pixels | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. این خصوصیت می تواند حاشیه های راست و چپ تگ iframe را مشخص کند. |
| ame | text | با استفاده از این خصوصیت می توانید یک نام برای iframe داشته باشید. |
| sandbox | “” allow-forms allow-same-origin allow-scripts allow-top-navigation | می توان توسط این خصوصیت محدودیت های اضافی را برای تگ iframe نیز قرار داد. پشتیبانی از Html5 |
| scrolling | yes no auto | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید نحوه نمایش یک scrollbar را نیز مشخص نمایید. |
| seamless | seamless | برای آنکه تگ iframe مشابه آن قسمت از محتویات سند دیده شود از این خصوصیت استفاده می شود. پشتیبانی از Html5 |
| src | URL | توسط این خصوصیت می توانید آدرس سندی را که می خواهیم با استفاده از تگ iframe نمایش دهیم را به کار ببریم. |
| srcdoc | HTML_code | توسط این خصوصیت محتویات html صفحه ای که می خواهیم نمایش دهیم را می توانیم نمایش دهیم. پشتیبانی از Html5 |
| width | pixels | توسط این خصوصیت می توانید عرض یک iframe را در صفحه فعلی که می خواهید نمایش دهید را مشخص کنید. |
تگ iframe تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.
با آموزش تگ noframes در Html همراه شما هستیم:
این تگ ازجمله تگ هایی است که درون تگ frameset به کار می رود. و مانند تگ frameset از Html5 پشتیبانی نمی کند.
درواقع از تگ noframes برای زمانی استفاده می شود که مرور گر شما قادر به پشتیبانی از تگ frameset یا frame نمی باشد.
در چنین مواقعی که مرورگر تگ های مورد نظر را پشتیبانی نمی کند احتمال دارد کد های نوشته شده را به همان صورت نمایش دهد.
در نتیجه برای جلوگیری از چنینی اتفاقی از تگی به نام noframes استفاده می شود که این تگ باید درون تگ frameset قرار بگیر و حاوی کد جایگزین نیز باشد.(طراحی سایت , سئو سایت , طراحی سایت )
برای تگ noframes صفت خاصی وجود ندارد و تنها وظیفه اجرای کدهایی را دارد که درون آن نوشته شده است.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از دیگر ویژگی های این تگ این است که تگ noframes می تواند تمام عناصری را که می تواند درون body قرار بگیرد را شامل شود و نیز برای اعتبار سنجی یک صفحه وب که شامل تگ noframes می باشد باید از تگ DOCTYPE به یکی از دو حالت HTML Frameset DTD و یا XHTML Frameset DTD استفاده شود.
قطعه کد زیر نمونه ای از استفاده از تگ noframes می باشد:
1 2 3 4 5 6 7 8 9 10 | <html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> <noframes>Sorry, your browser does not handle frames!</noframes> </frameset> </html> |
تمامی مرور گر ها را پشتیبانی می کند.
در ادامه با آموزش تگ frameset در Html همراه شما هستیم:
تگ frameset از جمله تگ هایی است که می توان به وسیله آن سطر ها و ستون هایی را با اندازه های دلخواه ایجاد کرد.
تگ frame درون frameset شامل چندین سند می تواند باشد که از قبل تعریف شده است. (طراحی سایت , سئو سایت , طراحی سایت )
این تگ ها در Html5 دیگر پشتیبانی نمی شوند چراکه محدودیت هایی در استفاده از آن ها وجو داشته است. در واقع دلیل استفاده از این نوع تگ برای تقسیم بندی صفحات وب می باشد. چراکه در نسخه های قدیمی تر از این روش استفاده می شده است.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از نکات دیگری که باید یادآور شویم این است که برای اعتبار سنجی یک صفحه وب که شامل frames می باشد باید از تگ DOCTYPE به یکی از دو حالت HTML Frameset DTD و یا XHTML Frameset DTD استفاده شود.
قطعه کد زیر نمونه ای از کاربرد تگ frameset در Html می باشد:
1 2 3 4 5 | <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| cols | pixels % * | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید برای تگ مورد نظر تعداد ستون و نیز سایز آن هارا مشخص نمایید. |
| rows | pixels % * | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید برای تگ مورد نظر تعداد سطر و نیز سایز آن هارا مشخص نمایید. |
تمامی مرور گر ها را پشتیبانی می کند.