خصوصیت عمومی contenteditable در html5 چیست؟
در این مقاله از سایت آموزی به برررسی خصوصیت عمومی contenteditable در html5 می پردازیم.
خصوصیت عمومی contenteditable در html5
ایجاد یک فایل اچ تی ام ال به راحتی یک آب خوردن است. برای ایجاد اسناد html نه به برنامه خاصی نیاز دارید و نه به سیستم عامل بخصوصی. در واقع شما فایلهای html را میتوانید حتی به کمک نرمافزار NotePad ویندوز نیز ایجاد کنید.
با این وجود توصیه میکنیم برای راحتتر نوشتن کدها و همچنین فهم بهتر مطالب از نرم افزارهای ویرایش متن رایگان همچون ++Notepad یا Sublime Text و یا Adobe dream viewer و… استفاده کنید.
در زبان طراحی HTML تگ ها برای کدنویسی المنت های مختلف کاربرد دارند.
در زبان طراحی HTML ، دو نوع تگ داریم :
۱- تگ های باز (Opening Tag)
۲- تگ های بسته (Closing Tag)
همه تگ ها در HTML می توانند شامل خصوصیات یا Attribute های عمومی یا خصوصی باشند.
برخی از این خصوصیات جدیدتر و برخی خصوصیات قدیمی تر برای تگ های HTML می باشند.
contenteditable در html ، یکی از خصوصیت های جدید و عمومی در این زبان به حساب می آید. در مقالات قبل با مفهوم تگ در HTML ، آشنا شدیم.
تگ ها می توانند دارای دو نوع خصوصیت (Attribute) باشند :
- خصوصیت ها یا ویژگی های خصوصی
- خصوصیت ها یا ویژگی های عمومی
خصوصیت contenteditable یکی از خصوصیت های عمومی می باشد که در تگ های مختلف HTML کاربرد دارد.
contenteditable خصوصیتی است که امکان ویرایش محتوا را با آن می توانیم در تگ های مختلف مدیریت کنیم.
این ویژگی دارای دو مقدار ( Attribute Value ) می باشد:
- مقدار true
- مقدار false
در صورت عدم استفاده از این خصوصیت تگ مربوطه به صورت پیش فرض مقدار false دارد و امکان ویرایش در مرورگر میسر نیست.
اما در صورتی مقدار این خصوصیت را برابر با true قرار دهیم. محتوای تگ مورد در صفحه مرورگر مطابق شکل بالا قابلیت ویرایش برای کاربر را پیدا می کند.
مثال در مورد استفاده از خصوصیت عمومی contenteditable با مقدار true در html5
<p contenteditable=”true”>This is an editable paragraph.</p>
خروجی کد در مرورگر اینترنتی
This is an editable paragraph.
مثال در مورد استفاده از خصوصیت عمومی contenteditable با مقدار false در html5
<p contenteditable=”false”>This is an Not editable paragraph.</p>
خروجی کد در مرورگر اینترنتی
This is an Not editable paragraph.
بررسی ویژگی عمومی contenteditable در سند html 4.0.1 و HTML5
ویژگی contenteditable یک صفت جدید در HTML5 است. و در HTML 4.0.1 وجود ندارد.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرهای اینترنتی از خصوصیت عمومی contenteditable در html5
صفت html | ![]() | ![]() | ![]() | ![]() | ![]() |
contenteditable | 4.0 | 6.0 | 3.5 | 3.1 | 10.1 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
خصوصیت عمومی contenteditable در html5 چیست true – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید