تگ textarea در HTML + ویدیو آموزشی

تگ textarea در html در فرم ها برای دریافت متن های بلند به کار می رود. با استفاده از این تگ، کاربران می‌توانند متن، عدد و یا اطلاعات دیگری را وارد کرده و به سمت سرور ارسال کنند. تگ textarea در html یک باکس متن با اندازه دلخواه ایجاد می کند که در ادامه به توضیحات کامل راجع به این تگ می پردازیم.

⭐ (پیشنهاد می کنم برای یادگیری بهتر، ابتدا ویدیو بالا که قسمتی از دوره رایگان آموزش HTML CSS به زبان ساده است را ببینید سپس ادامه متن را مطالعه نمایید.)⭐

آموزش استفاده از تگ textarea در html

برای استفاده از این تگ، کافی است کد زیر را در بخش body صفحه مورد نظر قرار دهید:

<textarea rows="4" cols="50">
متن ورودی کاربر
</textarea>

خروجی:

در کد بالا، با استفاده از خصوصیت rows، تعداد ردیف‌های تگ و با استفاده از خصوصیت cols، تعداد ستون‌های آن تعیین شده است.

ولی برای این تگ می توان خصوصیت‌های بیشتری نیز در نظر گرفت که می‌تواند برای بهبود تجربه کاربری و بهبود سئو صفحات وب مفید باشد. برای مثال، با استفاده از خصوصیت maxlength، می‌توانید محدودیت طولی را برای ورودی کاربر تعیین کنید و با استفاده از خصوصیت placeholder، یک متن نمایشی درون تگ قرار دهید تا کاربران بدانند چه مقدار اطلاعاتی باید در این تگ وارد کنند.

همچنین، برای بهبود سئو صفحات وب، حتما به مواردی همچون تعیین نام فیلد با استفاده از خصوصیت name و ارتباط آن با فرم‌ها و صفحات دیگر، تعیین دسته‌بندی و توضیحات مناسب برای تگ، و بهینه‌سازی محتوای داخلی تگ برای جستجوی بهتر توسط موتورهای جستجوی اینترنتی توجه کنید.

با استفاده از تگ textarea و استفاده از خصوصیات مناسب، می‌توانید بهبود تجربه کاربری و بهینه‌سازی برای موتورهای جستجو را به صورت همزمان مورد توجه قرار دهید.

کاربرد و نکات لازم

تگ textarea یکی از تگ‌های پرکاربرد در HTML است که برای ایجاد یک باکس متن با اندازه دلخواه استفاده می‌شود. این تگ در فرم‌های ورود اطلاعات، نظرسنجی‌ها و در بسیاری از بخش‌های وبسایت‌ها کاربرد دارد.

• تگ textarea شامل تگ باز و بسته می باشد که تگ باز آن به صورت <textarea> و تگ بسته آن به صورت </textarea> نوشته می‌شود.
• تگ <textarea> می تواند ویژگی هایی برای بهبود تجربه کاربری و سئو بگیرد. برای مثال، با استفاده از ویژگی name می‌توان نام تگ را مشخص کرد و با استفاده از ویژگی rows و cols می‌توان اندازه باکس متن را تعیین کرد.
• در صورتی که قصد دارید که باکس متن از قبل یک متن داشته باشد، می‌توانید از ویژگی value استفاده کنید. این ویژگی به شما اجازه می‌دهد تا یک متن پیش‌فرض در باکس متن قرار دهید. همچنین می‌توانید با استفاده از ویژگی placeholder یک پیام را برای کاربر نمایش دهید.
• با استفاده از تگ textarea می‌توانید اطلاعات را به صورت یک باکس متن دریافت کنید و آن را برای ارسال به سمت سرور به کار ببرید. این تگ به شما این امکان را می‌دهد که با استفاده از یک فرم ورود اطلاعات، اطلاعات کاربر را دریافت کرده و به سمت سرور ارسال کنید.

نکات لازم برای سئو تگ  textarea 

در بالا به صورت کامل با کاربرد و نحوه استفاده از تگ textarea در html آشنا شدید، اما برای بهبود سئوی صفحات وب، باید به برخی از نکات زیر توجه کنید:

1- استفاده از عنوان مناسب: عنوانی که برای فیلد textarea تعریف می‌کنید باید کوتاه باشد و محتوای فیلد را به خوبی شرح دهد.

2- استفاده از متا تگ‌ها: برای بهبود سئوی صفحات وب، می‌توانید از متا تگ‌های مختلفی مانند meta description و meta keywords برای فیلد textarea استفاده کنید.

3- استفاده از الگوهای داده: با استفاده از الگوهای داده، می‌توانید فرم‌های وب خود را بهینه کنید و از خطاهای ورودی کاربر جلوگیری کنید.

به طور کلی، استفاده از تگ textarea در فرم‌های وب برای بهبود سئو و رفع خطاهای ورودی کاربر بسیار مفید است.

منبع: https://www.w3schools.com/tags/tag_textarea.asp