خصوصیت عمومی contenteditable در html5 چیست true
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
در این مقاله از سایت آموزی به برررسی خصوصیت عمومی و جدید contenteditable در html می پردازیم.
ویژگی عمومی contenteditable در html
ایجاد یک فایل اچ تی ام ال به راحتی یک آب خوردن است. برای ایجاد اسناد html نه به برنامه خاصی نیاز دارید و نه به سیستم عامل بخصوصی. در واقع شما فایل‌های html را می‌توانید حتی به کمک نرم‌افزار NotePad ویندوز نیز ایجاد کنید.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
با این وجود توصیه می‌کنیم برای راحت‌تر نوشتن کدها و همچنین فهم بهتر مطالب از نرم افزارهای ویرایش متن رایگان همچون ++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 در 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 ۴.۰.۱ وجود ندارد.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
پشتیبانی مرورگرهای اینترنتی از ویژگی contenteditable
| صفت html |  |  |  |  |  |
| contenteditable | ۴.۰ | ۶.۰ | ۳.۵ | ۳.۱ | ۱۰.۱ |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
