طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی
طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهیطراحی سایت ، سئو سایت ، طراحی سایت فروشگاهی
طراحی سایت ، سئو سایت ، طراحی سایت فروشگاهیآموزش تگ meter در Html :
آموزش تگ 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> :
- تگ <meter> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <meter> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.
آموزش تگ pre در Html :
آموزش تگ 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> :
- تگ <pre> از تمام ویژگی های عمومی (Global Attributes) پشتیبانی میکند.
- تگ <pre> از تمام رویداد های عمومی (Event Attributes) پشتیبانی میکند.
آموزش تگ legend در Html
آموزش تگ legend در Html
با آموزش تگ legend در Html همراه شما هستیم:
با استفاده از این تگ می توان یک عنوان برای کادر fieldset نوشت. این تگ به صورت دو تگ باز و بسته ی </legend><legend> می باشد.
متنی که در بین دو تگ باز و بسته ی legend قرار می گیرد عنوان fieldset را مشخص می کند.
بنابراین برای بهتر نشان دادن خروجی و مشخص کردن هر بخش از فرم بهتر است از تگ legend نیز استفاده کرد.
قطعه کد زیر نحوه نمایش تگ legend را نمایش می دهد:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html> <body> <form> <fieldset> <legend>Personalia:</legend> Name: <input type="text"><br> Email: <input type="text"><br> Date of birth: <input type="text"> </fieldset> </form> </body> </html> |
خروجی کد بالا به شکل زیر می باشد:
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
خصوصیت های تگ legend در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| align | top bottom left right | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت ها می توانیم مشخص کنیم که عنوان کادر ما در چه جهتی ترازبندی شوند. |
تگ legend تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ legend در Html:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ datalist در Html
آموزش تگ datalist در 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 پشتیبانی میکند.(طراحی سایت , سئو سایت , طراحی سایت )
(طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
پشتیبانی مرور گرها از تگ datalist در Html:
تمامی مرور گر ها را پشتیبانی می کند.
آموزش تگ keygen در Html
آموزش تگ keygen در Html
در ادامه با آموزش تگ 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> |
خصوصیت های تگ keygen در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| 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 پشتیبانی میکند.
پشتیبانی مرور گرها از تگ keygen در Html:
تمامی مرور گر ها را پشتیبانی می کند.