سپهر

منظور از تگ های semantic tags یا تگ های معنایی در HTML چیست؟

سپهر ۱۳۹۷/۰۱/۲۴ زبان اچ‌تی‌ام‌ال

سلام دوستان منظور از تگ های سمانتیک در اچ تی ام ال چی هست؟
پاسخ‌ها به این تاپیک
محسن
محسن
۱۳۹۷/۰۱/۲۷
درباره تگ های سمانتیک یک مشکل معمول این هست که چه تگی برای محتوای موردنظر مناسب هست مثلا این بخش از مطلب در article قرار می گیره یا aside البته درسته که میشه به تعریف این تگ ها مراجعه کرد اما برای شروع شاید استفاده از یک راهنما بتونه خیلی کمک کنه لینک زیر یک سایت هست که از شما درباره نوع محتوا سوالاتی رو مرحله به مرحله می پرسه و در پایان بهتون تگ سمانتیک مناسب برای اون بخش رو پیشنهاد می ده HTML5 Robot: ابزاری به‌ منظور پیدا کردن تگ‌های سِمَنتیک مناسب برای اِلِمان‌­های صفحۀ وب https://sokanacademy.com/blog/6172/post
محسن
محسن
۱۳۹۷/۰۱/۲۵
در تکمیل تمامی کامنت ها، چون این پست آرشیو میشه و برای اینکه در آینده مورد استفاده سایر دوستان باشه یکی از تفاوت های مهم HTML5 با نسخه های قبلی به خصوص 4 همین بحث سمانتیک تگ ها هست برای مثال در HTML4 برای قسمت منو به صورت زیر عمل می کردیم که id یک div رو برابر nav می دادیم، هر کاری کردم نشد خود تگ رو تو کامنت بنویسم، اتوماتیک حذف میشه اما در HTML5 تنها کافیست که تگ رو به صورت جفت، pair استفاده کنیم این کار در سئو سایت خیلی تاثیر مثبت داره از تگ های مهم سمانتیک section و article هست، به این صورت که هر بخشی از صفحه یک پرنت section می گیره و داخلش مطالب مربوط به اون پرنت به صورت مجزا داخل article قرار می گیرن در این لینک مختصری در این مورد توضیح داده شده https://www.w3schools.com/html/html5_semantic_elements.asp
پویا نظری
پویا نظریدانشجوی نرم‌افزار
۱۳۹۷/۰۱/۲۴
سلام خوندن مطلب در لینک زیر رو پیشنهاد میکنم yon.ir/YqPF5 موفق باشید
سپهر
سپهر
۱۳۹۷/۰۱/۲۴
ممنون رفرنس خوب و کاملی معرفی کردید

در پاسخ به

Insight
Insight
۱۳۹۷/۰۱/۲۴
بیان ساده‌ی این مفهوم به این صورته: تگ های معناگرا یا Semantic (سِمَنتیک)، تگ هایی هستن که معنای محتوایی که درونشون قرار میگیره، مشخصه. برای مثال، ما در HTML4 با استفاده از تگ div که id و یا class داشت، Layout صفحه رو تعیین میکردیم ولی از نام خود عنصر مشخص نبود که محتوا چیه. div فقط یک نگه‌دارنده بود. اما در HTML5 از تگ‌هایی مثل header و footer استفاده میکنیم. مزایای استفاده از عناصر معنایی: - استانداردسازی وب‌جهان‌گستر (مثلا، وقتی توسعه‌دهندگان دیگه کد ما رو میبینن، بهتر میتونن ساختار اون رو درک کنن) - موتورهای جست‌و‌جوی وب راحت‌تر میتونن محتوا رو ایندکس کنن - توسعه‌دهندگان راحت‌تر میتونن کدها رو بنویسن چون ساختار منظم‌تری ایجاد شده
سپهر
سپهر
۱۳۹۷/۰۱/۲۴
استانداردسازی وب‌جهان‌گستر،تگ های معناگرا ؟؟!!! دوست عزیز اینارو خودتون با آکسفورد ترجمه کردید یا از جایی مثل دایره المعارف کپی پیست کردید؟

در پاسخ به

Insight
Insight
۱۳۹۷/۰۱/۲۵
این به جای تشکره؟! (البته که برای تشکر کردن شما پاسخ نمیدم!) ولی واقعا این برخورد عجیب بود!!! چون معنای فارسی Semantic و World Wide Web رو نوشتم، شد ترجمه و کپی!!! دوست عزیز، یا سنتون پایینه که اینطوری صحبت میکنید یا دانش کافی در این زمینه رو ندارید. در هر صورت موفق باشید.

در پاسخ به

سپهر
سپهر
۱۳۹۷/۰۱/۲۵
هیچکدوم و تا حالا تو هیچ شرکت و کنفرانسی ندیدم کسی بیاد بگه "وب‌جهان‌گستر" تشکر هم وقتی هست که پیام مفیدی باشه نه صرفا spam و duplicate در هر صورت امیدوارم شما هم با پشتکاری که دارید به رسپبری پای برسید امیدوارم مدل B+ باشه

در پاسخ به

stack programer
stack programer
۱۳۹۷/۰۱/۲۵
سلام، داخل پایان نامه های ارشد دکترا بعضی اساتید رو فارسی نوشتن خیلی حساسن. داخل گفتار استفاده نمی شود، معمولا موقع پایان نامه نوشتن حتما باید فارسی بنویسید. https://fa.wikipedia.org/wiki/%D9%88%D8%A8_%D8%AC%D9%87%D8%A7%D9%86%E2%80%8C%DA%AF%D8%B3%D8%AA%D8%B1

در پاسخ به

سپهر
سپهر
۱۳۹۷/۰۱/۲۵
بله من خودم کارشناسی ارشد کامپیوتر دارم ولی این سایت یک محیط فنی هست و من ندیدم در پایان نامه ارشد اصلا تا این حد به مباحث فنی اشاره بشه معمولا در سطح آکادمیک کار میشه که در حالت ایده آل هم یک پیپر isi بشه ازش سابمیت کرد مطمئنا اگر این سوال در دانشگاه مطرح میشد جواب خوبی هم گرفته نمی شد چون اکثر اساتید در مباحث پایه و بنیادی کار می کنن در این حد فنی و بیزینسی

در پاسخ به

samanemami1020
samanemami1020
۱۳۹۷/۰۱/۲۶
کارشناسی ارشد کامپیوتر دارید و هنوز مفهوم ساده ای مثل semantic tags رو در HTML نمیدونید !!!! ، بی دلیل نیستش که خیلی از فارغ التحصلان آی تی در ایران بیکار هستن، آی تی توی دانشگاه های ایران واقعا داره کدوم جهت میره

در پاسخ به

محسن
محسن
۱۳۹۷/۰۱/۲۶
شاید دلیلش این باشه که خیلی از دوستان فقط درس های دانشگاهی رو می خونن و کورس های بیرون رو طی نمی کنن شاید ایشون مفاهیم مثلا ماشن لرنینگ رو خونده باشن و با متلب کار کنن ولی HTML، CSS کار نکرده باشن متاسفانه این گپ بین جامعه آکادمیک و دانشگاهی و دولوپرهای بیرون از دانشگاه در بیشتر موارد مشکل ساز میشه

در پاسخ به

سپهر
سپهر
۱۳۹۷/۰۱/۲۵
از نحوه تایید کامنت ها و تیک های سبز هم مشخصه دوستامون حمایت کامل ادمین رو هم دارن البته نمی دونم ادمین امتیازها هم آقای مرادی هستن فقط یا توسط چندنفر این اتفاق میفته

در پاسخ به

سپهر
سپهر
۱۳۹۷/۰۱/۲۴
کاش ادمین محترم یه فکری به حال دوستانی که ظاهرا فقط کامنت میزارن که امتیاز بگیرن برای جایزه هم می کرد بعضی جاها حالت spam پیدا کرده قضیه

در پاسخ به

محسن
محسن
۱۳۹۷/۰۱/۲۴
semantic tagها یا تگ های معنایی، همونطور که از اسمشون پیداست دارای بار معنایی هستن یعنی وقتی ماشین مثلا گوگل هم اونارو می خونه متوجه معنیش میشه از جمله تگ های معنایی میشه در html میشه به تگ های heading (h1,h2,h3,h4,h5,h6) اشاره کرد که هرچقدر عدد h کمتر باشه انگار با صدای بلندتر و قوتی تر داره بیان میشه همینطور تگ های nav, header, section, article, aside که مثلا محتوایی که داخل تگ aside قرار می گیره یعنی مطلب اصلی صفحه نیست و در ادامه مطالب صفحه گفته میشه یادآوری اینکه این تگ ها به طور پیش فرض در خروجی تغییری نمی دن معمولا، یعنی اگر داخل nav چیزی بزاریم اینجوری نیست که بره به شکل منو نمایش داده بشه، اون بخش همچنان با CSS کار میشه
سپهر
سپهر
۱۳۹۷/۰۱/۲۴
خیلی کامل و مفید بود ممنونم هرچقدر عدد h کمتر باشه انگار با صدای بلندتر و قوتی تر داره بیان میشه.اینجاهم خیلی خوب گفتید :) ;)

در پاسخ به