tejariapp-new-logotejariapp-new-logotejariapp-new-logotejariapp-new-logo
  • صفحه اصلی
  • پروژه ها
    • پروژه طراحی سایت
    • پروژه های اندروید
    • پروژه های تحت ویندوز
    • UI & UX
    • ربات تلگرام
  • سفارش پروژه
    • انجام پروژه اندروید (Android)
    • طراحی و ساخت اپلیکیشن موبایل
    • انجام پروژه طراحی سایت با php
    • انجام پروژه طراحی سایت با Asp.net
    • انجام پروژه سی شارپ
    • فرم سفارش پروژه
  • مدرسه ی تجاری اپ
    • طراحی سایت
    • اندروید
    • سی شارپ
    • آموزش پایگاه داده
    • برنامه های کاربردی
  • لینک های مفید
    • پرداخت آنلاین
    • درباره تجاری اپ
    • تماس با ما
استخدام برنامه نویس متلب
سفارش پروژه
✕
            هیچ نتیجه ای یافت نشدمشاهده همه نتایج

            تگ های معنایی یا semantic Tags در HTML5

            • صفحه نخست
            • مدرسه ی تجاری اپ آموزش طراحی سایت
            • تگ های معنایی یا semantic Tags در HTML5
            ساخت باکس وب با منوی تب دار با bootstrap
            ساخت باکس وب با منوی تب دار با bootstrap
            8 اسفند 1395
            کتابخانه Volley آموزش پروژه محور اتصال اندروید به وب سرویس
            کتابخانه Volley آموزش پروژه محور اتصال اندروید به وب سرویس
            13 اسفند 1395
            منتشر شده توسط خانم منطق
            semantic Tags در html 5

            semantic Tags در html 5

            تگ های معنایی یا semantic Tags در HTML5. اچ تی ام ال 5 با ویژگی های متنوع و البته کاربردی ارائه شد که یکی از مهم ترین آنها تگ های معنایی یا semantic Tags بود. semantic Tags به برنامه نویس این امکان را می دهد که ساختار صفحه وب خود را براساس قانونی که شناخته شده توسط موتور های جستجو است طراحی کند. که مشخصا این کار به موتورهای جستجو نیز کمک بسیار می کند که براساس این تگ ها به تمامی اطلاعات وب سایت شما دسترسی پیدا کنند.

            تگ های معنایی یا semantic Tags در html5 :

            تگ های معنایی یا به عبارتی semantic tags عناصری هستند که معنای آنها هم برای مرورگر و هم برای برنامه نویس به طور کامل واضح است. برای مثال تگ های <table > ، <header> و <footer> مشخص است که شامل چه محتوایی هستند اما تگ هایی مثل <span> و <div> به هیچ عنوان مشخص نیست که چه محتوایی در آنها قرار خواهد گرفت. به عبارتی می توان گفت تگ های معنایی، ساختار وب سایت را مشخص می کنند. که همین باعث بالا رفتن سئو سایت نیز می شود.

            در HTML4 برنامه نویسان از کلاس ها و Id های ساخته خود برای طراحی عناصر صفحات وب استفاده می کردند. که مشخصا موتور های جستجو قادر به تشخیص محتوی آنها براساس نام تعیین شده توسط کاربر نبودند. بنابراین با ارائه تگ های معنایی یا semantic Tags در html5 کمک شایانی هم به برنامه نویسان و همه به موتور های شده است. بدین صورت که موتور های جستجو به راحتی با بررسی Semantic tags که برنامه نویس برای ساختار صفحه وب خود استفاده کرده محتویات را شناسایی میکنند.

            semantic Tags در html 5
            semantic Tags در html 5

            تگ های معنایی اضافه شده در HTML5

            • <article>
            • <aside>
            • <details>
            • <figcaption>
            • <figure>
            • <footer>
            • <header>
            • <main>
            • <mark>
            • <nav>
            • <section>
            • <summary>
            • <time

            همچنین بخوانید:همه چیز در مورد CSS3

            در ادامه به توضیح تگ های معنایی اضافه شده در HTML5 برای قالب بندی صفحات وب پرداخته ایم.

            تگ معنایی <Header> یا تگ <Header>

            تگ header معمولا دارای مولفه هایی برای معرفی سایت (از جمله لوگو سایت، اطلاعات نویسنده گان) و یا مجموعه ای از لینک های مربوط به صفحات (Navigation Links) سایت می باشد.

            تگ <Nav>

            تگ Nav مشخص کننده مجموعه ای از لینک های مربوط به دسته بندی ها و صفحات است. البته این بدین معنی نیست که لینک تمامی صفحات سایت را درون این تگ قرار دهیم بلکه تنها لینک های اصلی سایت، که می توان لینک های دیگر را زیر مجموعه لینک های اصلی قرار داد.

            <div class="navbar navbar-inverse navbar-fixed-top">
            
                    <div class="container">
            
            //this div is for show toolbar options when browser minimized with click on bellow button
            
                        <div class="navbar-header"> 
            
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            
                                <span class="icon-bar"></span>
            
                                <span class="icon-bar"></span>
            
                                <span class="icon-bar"></span>
            
                            </button>
            
                        </div>
            
            //below div define toolbar items with list tag<ul>
            
                        <div class="navbar-collapse collapse">
            
                            <ul class="nav navbar-nav">
            
                                <li>خانه</li>
            
                                <li>ارتباط باما</li>
            
                                <li>درباره ما</li>
            
                            </ul>
            
                        </div>
            
                    </div>
            
                </div>
            

            تگ <section>

            تگ section معمولا برای دسته بندی محتویاتی به کار می رود که به هم مربوط هستند. یا به عبارت دیگر یک مفهوم را می رسانند. برای مثال برای تمامی footer های سایت می توان یک section در نظر گرفت.

            تگ <article>

            لغت article به معنای مقاله است. همانگونه که از نامش مشخص است درون این تگ اطلاعاتی قرار می گیرد که خود مفهوم و هدف مشخص خود را داشته باشد. یا به عبارتی معنا و مفهوم خود را برساند. برای مثال به تکه کد زیر دقت کنید:

            <article id="jsArticle">
            
                    <h3>آموزش جاوا اسکریپت</h3>
            
                    <p>متون آموزشی جاوا اسکریپپت</p>
            
                </article>
            

            برای هر بخش نامی در نظر بگیرید تا بتوانید استایل مورد نظر خود را اعمال کنید.

            تگ <aside>

            تگ aside همانگونه که از نامش مشخص است به معنای اطلاعاتی است که در کنار صفحه قرار می گیرد. که معمولا نیز محتویات تگ aside باید با اطلاعات دیگر صفحه در ارتباط باشد.

            تگ <footer>

            تگ footer یا پاورقی برای مشخص کردن اطلاعات مربوط به صفحه وب است. برای مثال اطلاعات مربوط به نویسنده صفحه، کپی رایت، sitemap، اطلاعات تماس، صفحات یا اسناد مرتبط و غیره.

                <footer>
            
                    <p>Post Source : Tejariapp.com</p>
            
                    <p><a href="tejariapp@info.com">Contact Us </a></p>
            
                    <p>&copy; @DateTime.Now.Year - cmsdesign.ir</p>
            
                </footer>
            
            اشتراک گذاری

            پست های مرتبط

            دستورات جریان کنترل (Control flow statements) یا دستورات شرطی و حلقه ها در زبان برنامه نویسی دارت Dart

            دستورات جریان کنترل (Control flow statements) یا دستورات شرطی و حلقه ها در زبان برنامه نویسی دارت Dart

            30 بهمن 1400

            دستورات شرطی و حلقه ها در زبان برنامه نویسی دارت (Dart)


            ادامه مطلب
            آموزش عملگرها یا Operator ها در زبان برنامه نویسی دارت یا Dart

            آموزش عملگرها یا Operator ها در زبان برنامه نویسی دارت یا Dart

            30 بهمن 1400

            آموزش عملگرها یا Operator ها در زبان برنامه نویسی دارت (Dart)


            ادامه مطلب
            توابع در زبان برنامه نویسی دارت (Dart)

            توابع در زبان برنامه نویسی دارت (Dart)

            27 بهمن 1400

            توابع در زبان برنامه نویسی دارت (Dart)


            ادامه مطلب

            دیدگاهتان را بنویسید لغو پاسخ

            نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

            ساخت اپلیکیشن های موبایل

            • ساخت اپلیکیشن فروشگاهی
            • ساخت اپلیکشن ابزاری و خدماتی
            • ساخت اپلیکیشن آموزشی
            • و هزاران موضوع دیگر

             
            کلیک کنید

            آخرین دیدگاه ها

            • 7 خرداد 1401

              داودی نظر در آموزش استفاده از ckeditor همراه با آپلود عکس در لاراول 6

            • 6 فروردین 1401

              yasaman نظر در راست چین کردن متن در فیگما Figma

            • 3 فروردین 1401

              رضا نظر در مفاهیم Observable و Observer در RxJava

            تجاری اپ در شبکه های اجتماعی

            لوگوی تایید پرداخت آنلاین

            2015-2022 © تمامي حقوق مادي و معنوي اين وب سايت نزد تجاری اپ محفوظ بوده و هر گونه کپي برداري از مطالب پيگرد قانوني به همراه دارد! | طراح سایت : ProgRun
            سفارش پروژه
                      هیچ نتیجه ای یافت نشدمشاهده همه نتایج