دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۰
  • مهر

جلسه ۲۸ : موجودیت ها در html

  • دسته‌بندی‌ها :
جلسه ۲۸ : موجودیت ها در html
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که دوره کامل آموزش html را دنبال می کنند.موجودیت یا entities در html یکسری نمادها و علائم خاصی هستند که از صفحه کلید سیستم شما در دسترس نمی باشند. این نمادها در نمایش مواردی از جمله عملگرهای منطقی و محاسباتی، نماد واحدهای مختلف ارز ، نماد برخی واحدهای اندازه گیری و… کاربرد دارند. از این رو برای نمایش اینگونه نمادها در محتوای وب خود باید با چگونگی درج آن در بخش مورد نظر آشنایی داشته باشید. در ادامه ی این آموزش موجودیت ها در html ما به شما چگونگی درج اینگونه نمادها در محتوای صفحات وب شما را آموزش خواهیم داد.

      موجودیت ها در html

      در ادامه ی این مبحث مواردی از جمله ساختار درج entities در html و طرز استفاده از آن را بررسی کرده ایم.

      همچنین در انتهای مبحث برخی از پرکاربردترین موجودیت ها در html را برای شما لیست کرده ایم.

      entities در html

      برخی از کاراکترها در HTML ذخیره می شوند.

      اگر از متن شما کمتر از (<) یا بزرگتر از (>) استفاده کنید، مرورگر ممکن است با برچسب ها آن ها را مخلوط کند.

      نهاد های شخصیتی برای نمایش شخصیت های ذخیره شده در HTML استفاده می شوند.

      یک کاراکتر موجودیت در html به صورت زیر است:

      مثال : 

      برای نمایش کاراکتر کمتر با استفاده از علامت (<) ما باید بنویسیم: &lt ؛ یا  &#60

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

      فضای فاصله

      کاراکتر موجودیتی که معمولا برای ایجاد فضای فاصله در عناصر استفاده می شود کاراکتر &nbsp است.

      کاراکتر فوق یک فضای خالی ایجاد می کند بدون اینکه متن شما را به خط بعدی منتقل کند.

      استفاده از کاراکتر فوق ، باعث ایجاد یک فضای فاصله بین کلمات و افزایش خوانایی متن می شود.

      مثال ها:

      • § ۱۰
      • ۱۰ km/h
      • ۱۰ PM

      همچنین اگر شما در متن خود ۱۰ فاصله قرار دهید، مرورگر ۹ مورد از آنها را حذف خواهد کرد. برای اضافه کردن فضاهای واقعی به متن خود، می توانید از & nbsp؛ استفاده کنید.

      همچنین کاراکتر &#8209 به شما اجازه می دهد تا از یک کاراکتر خط فاصله (-) در متن خود استفاده کنید.

      برخی از پرکاربردترین موجودیت ها در html :

      نتایجتوضیحاتنام موجودیتشماره موجودیت
      non-breaking space&nbsp;
      <less than&lt;<
      >greater than&gt;>
      &ampersand&amp;&
      double quotation mark&quot;
      single quotation mark (apostrophe)&apos;
      ¢cent&cent;¢
      £pound&pound;£
      ¥yen&yen;¥
      euro&euro;
      ©copyright&copy;©
      ®registered trademark&reg;®

      نکته : نامهای موجودیت حساس به حروف هستند.

      ترکیب علائم دیاکریتیک

      یک علامت دیاکریتیک یک “گلیف” است که به یک حرف اضافه شده است.

      برخی علامت های دیاکریتیک، مانند grave (  ̀  ) و acute (  ́  )، لهجه می شوند.

      علامت های دیاکریتیک می تواند در هر دو قسمت بالا و پایین یک نامه، داخل یک حرف و بین دو حرف ظاهر شود.

      علامت های دیاکریتیک می تواند در ترکیب با موجودیت های عددی برای تولید موجودیت که در مجموعه موجودیت (کدینگ) مورد استفاده در صفحه وجود ندارد استفاده شود.

      برخی از علائم  دیاکریتیک به شرح زیر است:

      علامتکاراکترساختارنتیجه
       ̀a
       ́a
      ̂a
       ̃a
       ̀O
       ́O
      ̂O
       ̃O

      کلام آخر

      در اغلب مواردی که شما نیاز به درج مطالب علمی ، پژوهشی و… در وب سایت خود دارید نیاز به درج برخی کاراکترهای خاص نظیر کاراکترهای عملگرهای مختلف منطقی و محاسباتی ، نمادهای ارزی و … پیدا می کنید. در اینگونه موراد شما می توانید از کاراکترهای entities در html استفاده کنید، از این رو مباحث این بخش را به آشنایی با موجودیت ها در html اختصاص دادیم.

      QR:  جلسه ۲۸ : موجودیت ها در html
      به اشتراک بگذارید