خصوصیت عمومی contenteditable در html5 چیست؟

خصوصیت عمومی contenteditable در html5 چیست true

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

در این مقاله از سایت آموزی به برررسی خصوصیت عمومی و جدید contenteditable در html می پردازیم.

ویژگی عمومی contenteditable در html

ایجاد یک فایل اچ تی ام ال به راحتی یک آب خوردن است. برای ایجاد اسناد html نه به برنامه خاصی نیاز دارید و نه به سیستم عامل بخصوصی. در واقع شما فایل‌های html را می‌توانید حتی به کمک نرم‌افزار NotePad ویندوز نیز ایجاد کنید.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

با این وجود توصیه می‌کنیم برای راحت‌تر نوشتن کدها و همچنین فهم بهتر مطالب از نرم افزارهای ویرایش متن رایگان همچون ++Notepad یا Sublime Text و یا Adobe dream viewer و… استفاده کنید.

در زبان طراحی HTML تگ ها برای کدنویسی المنت های مختلف کاربرد دارند.

در زبان طراحی HTML ، دو نوع تگ داریم :

۱- تگ های باز (Opening Tag)

۲- تگ های بسته (Closing Tag)

همه تگ ها در HTML می توانند شامل خصوصیات یا Attribute های عمومی یا خصوصی باشند.

برخی از این خصوصیات جدیدتر و برخی خصوصیات قدیمی تر برای تگ های HTML می باشند.

contenteditable در html ، یکی از خصوصیت های جدید و عمومی در این زبان به حساب می آید. در مقالات قبل با مفهوم تگ در HTML ، آشنا شدیم.

تگ ها می توانند دارای دو نوع خصوصیت (Attribute) باشند :

1. خصوصیت ها یا ویژگی های خصوصی
2. خصوصیت ها یا ویژگی های عمومی

خصوصیت contenteditable یکی از خصوصیت های عمومی می باشد که در تگ های مختلف HTML کاربرد دارد.

contenteditable خصوصیتی است که امکان ویرایش محتوا را با آن می توانیم در تگ های مختلف مدیریت کنیم.

این ویژگی دارای دو مقدار ( Attribute Value ) می باشد:

1. مقدار true
2. مقدار false

در صورت عدم استفاده از این خصوصیت تگ مربوطه به صورت پیش فرض مقدار false دارد و امکان ویرایش در مرورگر میسر نیست.

اما در صورتی مقدار این خصوصیت را برابر با true قرار دهیم. محتوای تگ مورد در صفحه مرورگر مطابق شکل بالا قابلیت ویرایش برای کاربر را پیدا می کند.

مثال در مورد استفاده از ویژگی contenteditable با مقدار true در html 

[html]<p contenteditable=”true”>This is an editable paragraph.</p>[/html]

خروجی کد در مرورگر اینترنتی

This is an editable paragraph.

مثال در مورد استفاده از ویژگی contenteditable با مقدار false در html

[html]<p contenteditable=”false”>This is an Not editable paragraph.</p>[/html]

خروجی کد در مرورگر اینترنتی

This is an Not editable paragraph.

بررسی ویژگی عمومی contenteditable در سند html 4.0.1 و HTML5

ویژگی contenteditable یک صفت جدید در HTML5 است. و در HTML 4.0.1 وجود ندارد.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

پشتیبانی مرورگرهای اینترنتی از ویژگی contenteditable

صفت html
contenteditable	4.0	6.0	3.5	3.1	10.1

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

خصوصیت عمومی contenteditable در html5 چیست true – اختصاصی سایت آموزی