منظور از تگ های semantic tags یا تگ های معنایی در HTML چیست؟
منظور از تگ های semantic tags یا تگ های معنایی در HTML چیست؟
سلام دوستان منظور از تگ های سمانتیک در اچ تی ام ال چی هست؟
پاسخ ها
کاربر سکان آکادمی6 سال پیش
semantic tagها یا تگ های معنایی، همونطور که از اسمشون پیداست دارای بار معنایی هستن
یعنی وقتی ماشین مثلا گوگل هم اونارو می خونه متوجه معنیش میشه
از جمله تگ های معنایی میشه در html میشه به تگ های heading
(h1,h2,h3,h4,h5,h6) اشاره کرد که هرچقدر عدد h کمتر باشه انگار با صدای بلندتر و قوتی تر داره بیان میشه
همینطور تگ های
nav, header, section, article, aside
که مثلا محتوایی که داخل تگ aside قرار می گیره یعنی مطلب اصلی صفحه نیست و در ادامه مطالب صفحه گفته میشه
یادآوری اینکه این تگ ها به طور پیش فرض در خروجی تغییری نمی دن معمولا، یعنی اگر داخل nav چیزی بزاریم اینجوری نیست که بره به شکل منو نمایش داده بشه، اون بخش همچنان با CSS کار میشه
کاربر سکان آکادمی6 سال پیش
خیلی کامل و مفید بود ممنونم
هرچقدر عدد h کمتر باشه انگار با صدای بلندتر و قوتی تر داره بیان میشه.اینجاهم خیلی خوب گفتید :) ;)
کاربر سکان آکادمی6 سال پیش
بیان سادهی این مفهوم به این صورته:
تگ های معناگرا یا Semantic (سِمَنتیک)، تگ هایی هستن که معنای محتوایی که درونشون قرار میگیره، مشخصه.
برای مثال، ما در HTML4 با استفاده از تگ div که id و یا class داشت، Layout صفحه رو تعیین میکردیم ولی از نام خود عنصر مشخص نبود که محتوا چیه. div فقط یک نگهدارنده بود. اما در HTML5 از تگهایی مثل header و footer استفاده میکنیم.
مزایای استفاده از عناصر معنایی:
- استانداردسازی وبجهانگستر (مثلا، وقتی توسعهدهندگان دیگه کد ما رو میبینن، بهتر میتونن ساختار اون رو درک کنن)
- موتورهای جستوجوی وب راحتتر میتونن محتوا رو ایندکس کنن
- توسعهدهندگان راحتتر میتونن کدها رو بنویسن چون ساختار منظمتری ایجاد شده
کاربر سکان آکادمی6 سال پیش
استانداردسازی وبجهانگستر،تگ های معناگرا ؟؟!!!
دوست عزیز اینارو خودتون با آکسفورد ترجمه کردید یا از جایی مثل دایره المعارف کپی پیست کردید؟
کاربر سکان آکادمی6 سال پیش
کاش ادمین محترم یه فکری به حال دوستانی که ظاهرا فقط کامنت میزارن که امتیاز بگیرن برای جایزه هم می کرد
بعضی جاها حالت spam پیدا کرده قضیه
کاربر سکان آکادمی6 سال پیش
این به جای تشکره؟! (البته که برای تشکر کردن شما پاسخ نمیدم!) ولی واقعا این برخورد عجیب بود!!!
چون معنای فارسی Semantic و World Wide Web رو نوشتم، شد ترجمه و کپی!!!
دوست عزیز، یا سنتون پایینه که اینطوری صحبت میکنید یا دانش کافی در این زمینه رو ندارید.
در هر صورت موفق باشید.
کاربر سکان آکادمی6 سال پیش
هیچکدوم
و تا حالا تو هیچ شرکت و کنفرانسی ندیدم کسی بیاد بگه "وبجهانگستر"
تشکر هم وقتی هست که پیام مفیدی باشه
نه صرفا spam و duplicate
در هر صورت امیدوارم شما هم با پشتکاری که دارید به رسپبری پای برسید
امیدوارم مدل B+ باشه
کاربر سکان آکادمی6 سال پیش
سلام، داخل پایان نامه های ارشد دکترا بعضی اساتید رو فارسی نوشتن خیلی حساسن. داخل گفتار استفاده نمی شود، معمولا موقع پایان نامه نوشتن حتما باید فارسی بنویسید.
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
کاربر سکان آکادمی6 سال پیش
بله من خودم کارشناسی ارشد کامپیوتر دارم
ولی این سایت یک محیط فنی هست و من ندیدم در پایان نامه ارشد اصلا تا این حد به مباحث فنی اشاره بشه
معمولا در سطح آکادمیک کار میشه که در حالت ایده آل هم یک پیپر isi بشه ازش سابمیت کرد
مطمئنا اگر این سوال در دانشگاه مطرح میشد جواب خوبی هم گرفته نمی شد چون اکثر اساتید در مباحث پایه و بنیادی کار می کنن در این حد فنی و بیزینسی
کاربر سکان آکادمی6 سال پیش
از نحوه تایید کامنت ها و تیک های سبز هم مشخصه دوستامون حمایت کامل ادمین رو هم دارن
البته نمی دونم ادمین امتیازها هم آقای مرادی هستن فقط یا توسط چندنفر این اتفاق میفته
کاربر سکان آکادمی6 سال پیش
کارشناسی ارشد کامپیوتر دارید و هنوز مفهوم ساده ای مثل semantic tags رو در HTML نمیدونید !!!! ، بی دلیل نیستش که خیلی از
فارغ التحصلان آی تی در ایران بیکار هستن، آی تی توی دانشگاه های ایران واقعا داره کدوم جهت میره
کاربر سکان آکادمی6 سال پیش
شاید دلیلش این باشه که خیلی از دوستان فقط درس های دانشگاهی رو می خونن و کورس های بیرون رو طی نمی کنن
شاید ایشون مفاهیم مثلا ماشن لرنینگ رو خونده باشن و با متلب کار کنن ولی HTML، CSS کار نکرده باشن
متاسفانه این گپ بین جامعه آکادمیک و دانشگاهی و دولوپرهای بیرون از دانشگاه در بیشتر موارد مشکل ساز میشه
کاربر سکان آکادمی6 سال پیش
سلام
خوندن مطلب در لینک زیر رو پیشنهاد میکنم
yon.ir/YqPF5
موفق باشید
کاربر سکان آکادمی6 سال پیش
ممنون
رفرنس خوب و کاملی معرفی کردید
کاربر سکان آکادمی6 سال پیش
در تکمیل تمامی کامنت ها، چون این پست آرشیو میشه و برای اینکه در آینده مورد استفاده سایر دوستان باشه
یکی از تفاوت های مهم HTML5 با نسخه های قبلی به خصوص 4 همین بحث سمانتیک تگ ها هست
برای مثال در HTML4 برای قسمت منو به صورت زیر عمل می کردیم
که id یک div رو برابر nav می دادیم، هر کاری کردم نشد خود تگ رو تو کامنت بنویسم، اتوماتیک حذف میشه
اما در HTML5 تنها کافیست که تگ رو به صورت جفت، pair استفاده کنیم
این کار در سئو سایت خیلی تاثیر مثبت داره
از تگ های مهم سمانتیک section و article هست، به این صورت که
هر بخشی از صفحه یک پرنت section می گیره و داخلش مطالب مربوط به اون پرنت به صورت مجزا داخل article قرار می گیرن
در این لینک مختصری در این مورد توضیح داده شده
https://www.w3schools.com/html/html5_semantic_elements.asp
کاربر سکان آکادمی6 سال پیش
درباره تگ های سمانتیک یک مشکل معمول این هست که چه تگی برای محتوای موردنظر مناسب هست
مثلا این بخش از مطلب در article قرار می گیره یا aside
البته درسته که میشه به تعریف این تگ ها مراجعه کرد اما برای شروع شاید استفاده از یک راهنما بتونه خیلی کمک کنه
لینک زیر یک سایت هست که از شما درباره نوع محتوا سوالاتی رو مرحله به مرحله می پرسه و در پایان بهتون تگ سمانتیک مناسب برای اون بخش رو پیشنهاد می ده
HTML5 Robot: ابزاری به منظور پیدا کردن تگهای سِمَنتیک مناسب برای اِلِمانهای صفحۀ وب
https://sokanacademy.com/blog/6172/post
پاسخ ها