آموزش تگ html در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ html در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ html در HTML
تگ html تگی است که ریشه ی یک صفحه ی وب را مشخص/ایجاد میکند، این تگ بطور کلی ریشه و ستون اصلی یک صفحه وب می باشد که همانند ظرفی است برای نگهداری تمامی تگ های HTML .
تنها چیزی که درون این تگ قرار نخواهد گرفت دستورالعمل <DOCTYPE!> می باشد که این دستورالعمل همیشه قبل از تگ html میاید و نسخه ی اون سند یا صفحه وب را مشخص میکند.
پس دیگه بدونید که تگ html ریشه ی یک صفحه وب را ایجاد میکند و به مرورگرها میگوید که این صفحه یا سند یک صفحه ی HTML یا بطور کلی یک صفحه وب می باشد.
Free-Learn
مثال از تگ html در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title>سایت آموزشی فری لرن</title> </head> <body> <p>سلام خوبی؟</p> </body> </html> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ html در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ html در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| xmlns | http://www.w3.org/1999/xhtml | برای ایجاد یک فضای نام XML
(استفاده در فایل XHTML ضروری است) |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ html تنها از صفات عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
صفت xmlns در XHTML ضروری است ولی در HTML استفاده از آن لازم نیست و یا (نامعتبر) است.
اگر در یک فایل XHTML از این صفت استفاده نکرده باشید، و بخواهید آن صفحه یا فایل را توسط سایت کنسرسیوم جهانی وب از نظر معتبر یا ولید (Validation) بودن آزمایش کنید ، با این حال بازم اشکالی نداره، چون سایت کنسرسیوم جهانی وب (https://www.w3.org) بصورت پیش فرض خودش صفت xmlns را اضافه خواهد کرد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ html را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 4 5 6 7 |
html { display: block; } html:focus { outline: none; } |
