با استفاده از تگ 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 پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.
با استفاده از تگ 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 پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.
با آموزش تگ 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 را پشتیبانی می کند.
در ادامه با آموزش تگ keygen در Html با شما همراه هستیم.
در فرم های html برای ارسال اطلاعات کاربر به صورتی که امنیت را درآن رعایت کرده باشیم بهتر است از تگ keygen استفاده شود. این تگ در html یک حالت رمزنگاری را برای داده ای که در حال ارسال به سرور می باشد را ایجاد می کند.(طراحی سایت , سئو سایت , طراحی سایت )
درواقع با ارسال اطلاعات کاربر دو کلید ایجاد می شود. یکی کلید عمومی و دیگری خصوصی می باشد. از کلید عمومی به عنوان شناسه کاربر برای ارسال اطلاعات به سرور استفاده می شود ولی کلید خصوصی به حالت محرمانه ای برروی کامپیوتر کاربر ذخیره می شود. از طریق مقایسه این دوکلید عمومی و خصوصی هویت کاربر مورد نظر شناسایی می شود.(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
قطعه کد زیر نمونه ای از کاربرد تگ keygen در Html می باشد:
1 2 3 4 5 6 7 8 9 10 11 12 | <!DOCTYPE html> <html> <body> <form action="demo_keygen.php" method="get"> Username: <input type="text" name="usr_name"> Encryption: <keygen name="security"> <input type="submit"> </form> </body> </html> |
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| autofocus | autofocus | هنگام استفاده از این تگ با لود شدن صفحه تگ keygen به طور خودکار می تواند آن را کنترل کند. پشتیبانی از Html5 |
| challenge | challenge | با استفاده از این تگ، تگ keygen دچار چالش خواهد شد. پشتیبانی از Html5 |
| disabled | disabled | با قرار دادن این خصوصیت تگ keygen غیر فعال می شود. پشتیبانی از Html5 |
| form | form_id | این خصوصیت نشان دهنده این است که تگ keygen متعلق به یک یا چند فرم میباشد. پشتیبانی از Html5 |
| keytype | rsa dsa ec | با استفاده از این خصوصیات ساهتارامنیتی کلید هارا می توانید مشخص نماییم. پشتیبانی از Html5 |
| name | name | با قرار دادن این خصوصیت یک نام برای تگ keygen قرار خواهد گرفت. پشتیبانی از Html5 |
تگ keygen تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
تمامی مرور گر ها را پشتیبانی می کند.
با آموزش تگ datalist در Html در خدمت شما هستیم:
با استفاده از این تگ می توانیم چند آیتم از پیش تعیین شده برای تگ input مان ایجاد کنیم. بدین صورت میتوانیم بخش input خود را کنترل کنیم.
با کلیک برروی این آیتم گزینه های از پیش تعیین شده به صورت یک منو برای کاربر به نمایش در میاید.
از طریق این روش لیست اجزای input به یگدیگر متصل می شوند.
هر تگ datalist توسط تگ دیگری به نام option می تواند دسته بندی شود.
قطعه کد زیر نمونه ای از استفاده از تگ datalist را نشان می دهد:
1 2 3 4 5 6 7 8 9 | <input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> |
تگ datalist تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تمامی مرور گر ها را پشتیبانی می کند.