با آموزش تگ output در Html در خدمت شما هستیم:
اگر میخواهید در صفحه خود نمایش محاسبات انجام شده راببینید منی توانید از تگ output نیز استفاده کنید.(طراحی سایت , سئو سایت , طراحی سایت )
تگ output معمولا با استفاده از یک اسکریپت خروجی یک عمل محاسباتی را نمایش می دهد.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از این تگ به شکل :
1 | <output name="name" for="value"> </output> |
استفاده می شود.
قطعه کد زیر نمونه ای از استفاده از تگ output می باشد:
1 2 3 4 5 | <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0 <input type="range" id="a" value="50">100 +<input type="number" id="b" value="50"> =<output name="x" for="a b"></output> </form> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| for | element_id | با قرار دادن این ویژگی در تگ output یک رابطه بین المان های به کار رفته و نتیجه محاسبه استفاده می شود. پشتیبانی از Html5 |
| form | form_id | این ویژگی فرم یا فرم هایی را که شامل تگ output می باشد را مشخص می کند. پشتیبانی از Html5 |
| name | name | این ویژگی می تواند یک نام برای تگ output قرار دهد. پشتیبانی از Html5 |
تگ output تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها به جزء IE را پشتیبانی می کند.
با استفاده از تگ form می توانیم اطلاعات کاربر را از طریق ایجاد یک فرم به سرور ارسال کنیم.
درواقع تگ form به صورت ورودی اطلاعات کاربر می باشدو به صورت دو جفت تگ باز و بسته ی </form><form> به کار می رود.(طراحی سایت , سئو سایت , طراحی سایت )
در تگ form می توان یک تا چند تگ کاربردی دیگر نیز به کار رود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از جمله این تگ ها می توان به موارد زیر اشاره کرد:
قطعه کد زیر نمونه ای از استفاده از تگ form می باشد:
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <body style="direction:rtl"> <form name="input" action="html_form_action.php" method="get"> نام: <input type="text" name="FirstName" value="Amir" /><br /> فامیل: <input type="text" name="LastName" value="PahlevanSadegh" /><br /> <input type="submit" value="Submit" /> </form> </body> </html> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| accept | file_type | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانیم یک لیست از مجموعه فایل هایی که برای سرور قابل قبول است را برای تگ form مشخص نماییم. |
| accept-charset | character_set | توسط این خصوصیت کاراکترهایی که برای ارسال فرم کد شده اند را مشخص می کند. |
| action | URL | با استفاده از این ویژگی مشخص می شود که داده های ارسالی به چه آدرسی ارسال می شوند. |
| autocomplete | on off | توسط این خصوصیت تکمیل خودکار یا غیر خودکار پر شدن فرم ایجاد می شود. پشتیبانی از Html5 |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | اگر از متد post برای ارسال داده استفاده شود با استفاده از این ویژگی مشخص می شود که داده های ارسالی به سرور توسط فرم به چه صورت رمزنگاری شوند. |
| method | get post | توسط این ویژگی متد HTTP برای ارسال داده های یک فرم به سرور مشخص می شود. |
| name | text | این ویژگی یک نام برای تگ form شما ایجاد می کند. |
| novalidate | novalidate | اگر این ویژگی به کاربرده شود دیگر برای ارسال فرم اعتبار سنجی انجام نمی شود. پشتیبانی از Html5 |
| target | _blank _self _parent _top | با به کاربردن این ویژگی پاسخی که از سرور دریافت می کنید توسط این ویژگی ها، نحوه نمایششان مشخص می شود. |
تگ form تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.
با استفاده از تگ frame می توانید در صفحات html ای خود درون تگ frameset یک پنجره ی ویژه تعریف کنیم. این پنجره میتواند ویژگی های بسیاری داشته باشد.
از جمله ویژگی هایی که شامل تگ frameset در تگ frame می شود، border, scrolling,ability to rezize نیز می باشد.(طراحی سایت , سئو سایت , طراحی سایت )
روش اعتبار سنجی برای یک صفحه که از تگ frame استفاده می شود به صورت HTML Frameset DTD یا XHTML Frameset DTD می باشد و از DOVTYPEاستفاده نمی شود. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
استفاده از این تگ در Html5 منسوخ شده است ولی برای افزایش دانش شما نحوه نمایش این تگ در کد زیر پرداخته ایم:
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> |
اگر این قطعه کد را اجرا کنید می بینید که صفحه ی مورد نظر شما به چند بخش تقسیم که به صورت درصدی در خط بلای آن نشان داده شده است و هرframe به آدرس خاصی اشاره می کند.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| frameborder | 0 1 | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این ویژگی می توانید برای اطراف بلوک متنی خود border ایجاد نماییم. |
| longdesc | URL | .پشتیبانی نمی شودHtml5 این خصوصیت در حال حاضر در .با استفاده از این خصوصیت می توانید آدرس صفحه ای را که تنظیمات در آن قرار داد را بارگذاری نماید |
| marginheight | pixels | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. می توانید با قرار دادن این خصوصیت یک حاشیه در بالا یا پایین تگ frame نیز قرار دهید. |
| marginwidth | pixels | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. می توانید با قرار دادن این خصوصیت یک حاشیه در سمت چپ یا راست تگ frame نیز قرار دهید. |
| name | text | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با قرار دادن این خصوصیت می توانی برای تگ frame یک نام قرار دهید. |
| noresize | noresize | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. این ویژگی قابلیت تغییر سایز برای تگ frame را از بین می برد. |
| scrolling | yes no auto | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این ویژگی خاصیت اکرول را می توان برای تگ frame ایجاد کرد یا آن را غیر فعال کرد. |
| src | URL | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با این ویژگی آدرس سندی که تگ frame به آن اشاره می کند را می توانیم قرار دهیم. |
تگ frame تمام ویژگی های عمومی و رویداد های عمومی را در 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 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید برای تگ مورد نظر تعداد سطر و نیز سایز آن هارا مشخص نمایید. |
تمامی مرور گر ها را پشتیبانی می کند.
با آموزش تگ 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> |
تمامی مرور گر ها را پشتیبانی می کند.