رفتن به مطلب
j1989m

نحوه استفاده صحیح از تگ های HTML5

پست های پیشنهاد شده

سلام

کسی نحوه استفاده صحیح از تگ های سمنتیک HTML5 رو میتونه کامل و دقیق توضیح بده؟

سرچ کردم به اشکال مختلفی رسیدم، مثلا:

siteeno-2-300x221.jpgsemantic-html-web.jpg

img_sem_elements.gif

structure-html5-b4386.png

450_1000.gif

html5-after.gif

450_1000.gif

html5.png

و...

یه جا تگ main آورده شده و یه جا آورده نشده... یه جا nav داخل header اومده و یه جا دیگه بیرونش... خلاصه که انگار هرکی ساز خودشو زده

ویرایش شده توسط j1989m

به اشتراک گذاری این ارسال


لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.


  • مطالب مشابه

    • توسط md3848
      سلام - عکس زیر رو ببیند؛ قسمت اول هدر مطالب سایت هستش که تاریخ انتشار توش ذکر میشه؛ قسمت دوم نظرات سایت هستش که تاریخ و ساعتش ذکر میشه.
       
      حالا خواستم ببینم نحوه صحیح استفاده از تگ time برای این دو قسمت به چه صورت هستش؟
       
      برای قسمت هدر مطالب سایت این کد درسته؟
      <time datetime="1396/05/17">1396/05/17</time>  
      و برای قسمت نظرات، کد زیر صحح هستش؟
      <time datetime="1390/02/25">1390/02/25</time> <time datetime="15:46">15:46</time> و این که هرجایی در سایت قراره زمان ذکر بشه باید از تگ time استفاده کرد - درسته؟
       

       
      تو سایت mozilla که دیدم برا قسمت نمایش تاریخ از - استفاده کرده بود و نه / 
      موردی نداره که؟
      https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time
    • توسط Ehsanml
      سلاممن میخوام یک بازی آنلاین رو در یکی از پست هام قرار بدم که البته فرمت این بازی فلش نیست و html5 هستش.چطور میتونم این کار رو بکنم؟؟؟
    • توسط mohamad-8
      سلام
      دوستان برای طرح بندی صفحه با html 5 دیگه نیازی نیست از تگ div استفاده کنم؟
      بعد در html5 تگ هدر که برای بالا صفحه میزاریم یعنی header سایت
      تگ footer هم پایین سایت
      واسه ستون های چپ و راست هم باید از تگ side bar باستفاده کنم؟
      حالا واسه مطالب اصلی سایت(همان main) باید از تگ section استفاده کنم یا از تگ article ؟ من این و اصلا متوجه نشدم که کجا هرکدام بزارم ؟
    • توسط mehrshadmousavi
      مفهوم HTML 5:
      در این نسخه قدرت مدیریت دربرنامه های وب بر روی اجرا با حداکثر دقت و نظم وجود دارد و این کار با کد ابزارهای <header>, <menu>,<nav> , <menuitem> و ... . ممکن است.
      web developer قادرند برخی از ویژگی های شاخص  HTML 5 که  شامل: آهنگ، ویدئو، ذخیره ی منطقه در حالت آفلاین و ... با اصول بهینه سازی سایت همراه کنند. همچنین HTML 5 این اجازه را به کاربران خود می دهد که از خاصیت و ویژگی نوعی از تگ ها را استفاده کنند مانند تگ link و script؛ و حتی امکان استفاده از تگ های <article> و <<section در بهترین حالت را ممکن ساخته است. تا کنون ترفند هایی زیادی ابداع نشده است که بتوان به وسیله ی آن ها به نتایج مطلوب و باب میل رسید از این جهت درهنگام استفاده باید هوشمندانه عمل کرد.
      مفهوم HTML 6:
      ورژن 6HTML نسخه ی اصلاح شده ی  HTML ها است که دارای NameSpaces با ساختار XML می باشد. از ویژگی های مهمNameSpaces این است که با استفاده از تگ های <logo/>< logo>  و <toolbar/>< toolbar> قادر خواهید بود امکانی فراهم کنید تا سایت قادر به شناسایی و تشخص لوگو در صفحات وب سایت باشد. همچنین  از دیگر امکانات HTML 6  این است که طراحان سایت و وب دولپرها می توانند تگ <container> را به جای <’div id =’container > بهره ببرند.

      در حالت کلی  HTML 6 دارای دو نوع تگ تکی  که اطلاعات و خصوصیات راحمل می کنند اما داده ها شامل متن نمی باشد، و تگ های زوج یا جفتی که با متن هم می توانند همراه باشند.
      برخی از تگ های تکی (رفتاری) که در HTML 6 قرار دارند را با هم بررسی می کنیم که می توانند دارای namesapec   های زیر باشند:
      <html:html>
      <html:head>
      <html:title>
      <html:meta>
      <html:link>
      <html:a>
      <html:media>
      <html:body>
      <html:button>
      چند ویژگی که HTML6 را متمایز می کند:
       قابلیت تغییر اندازه تصاویر مرورگر ها
      زبان های قابل اجرا
      مدیریت بهتر در کنترل اشیای ویدئویی
      پیش پردازنده ها ی جایگزین
      دسترسی ایمن به اطلاعات
    • توسط تنها در تاریکی
      سلام خسته نباشید.
      یه مدتی هست دنبال پاسخ درست برای این سوال هستم - منتهی به جواب درستی نرسیدم!
      --------------------------------------------------------
      وقنی که توی سایت یه پلیر بصورت HTML5 قرار میدیم - حالا توی مرورگر فایرفاکس برای اجرای اون ویدئو به مشکل بر میخوریم! به صورتی که تنها یک ثانیه از ویدئو پخش و سپس کلا قطع میشه! - قابل ذکر هستش که این مورد تنها توی فایرفاکس وجود داره.
      جالبیه این قضیه اینجاس که فرقی نمیکنه سیستم وردپرس باشه یا هر چیز دیگه ای - ظاهرا فایرفاکس با پلیرهای HTML5 مشکل داره! و این برای پروژه جدید بنده کاملا مشکل ایجاد میکنه.
      --------------------------------------------------------
      لطفا دوستانی که میدونن مشکل چیه و راه حلی در نظر دارن - حتما مطرح کنند.
      تشکر.
×
×
  • اضافه کردن...