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



  • ۲۰
  • مهر

جلسه ۳۰ : ویژگی Encoding در html ( تنظیمات کاراکترها )

  • دسته‌بندی‌ها :
جلسه ۳۰ : ویژگی Encoding در html ( تنظیمات کاراکترها )
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام خدمت کاربران سایت پی وی لرن . در مطالب آموزشی که تاکنون ارائه شده ، در موضوع نمایش کاراکتر ها و نماد های خاص در html ، به ارائه موضوعاتی در این زمینه پرداختیم. اکنون در این بخش نیز در ادامه موضوعاتی که به آنها اشاره کردیم ، قصد داریم به موضوع آموزش کار با ویژگی Encoding در html ( تنظیمات کاراکتر در html ) و کاربرد Encoding در html ، بپردازیم.

      برای نمایش صحیح هر وب سایتی ، مرورگر باید تنظیمات کاراکتر و Encoding  آن صفحه وب را پشتیبانی کند، تا بتواند از آن استفاده کند.  در ادامه آموزش در این بخش ، به ارائه بحث آموزش کار با ویژگی Encoding در html ( تنظیمات کاراکتر ) ، می پردازیم.

       

      diSbx

      diSbx

      کار با ویژگی Encoding در html ( تنظیمات کاراکتر )

      ASCII (که معمولا character set نامیده می شود) اولین Encoding  استاندارد است. ASCII  داری ۱۲۸ نوع کاراکتر از نوع alphanumeric است، که می تواند در اینترنت استفاده شود: اعداد (۹-۰) ، حروف انگلیسی (A-Z) ، و برخی از کاراکترهای خاص نظیر ! $ + – ( ) @ < >.

      ANSI نیز استاندارد دیگری است که از ۲۵۶ کاراکتر پشتیبانی می کند ، اما استاندارد UTF-8 تقریبا از تمام کارکترهای جهان ، پشتیبانی می کند.

      صفت charset در html

      مرورگرهای با استفاده از تگ <meta> ، تنظیمات کارکتری هر وب سایت را دریافت می کنند.

      مثال: در html4:

      مثال : 

      مثال: در html5:

      مثال : 

      نکته: اگر یک مرورگر استاندارد ISO-8859-1 را در یک صفحه وب شناسایی کند، آن را به صورت ANSI پیش فرض می کند، زیرا ANSI همانند ISO-8859-1 است.

      تفاوت بین مجموعه های کاراکتر

      NumbASCIIANSI۸۸۵۹UTF-8توضیحات
      ۳۲space
      ۳۳!!!!exclamation mark
      ۳۴quotation mark
      ۳۵####number sign
      ۳۶$$$$dollar sign
      ۳۷%%%%percent sign
      ۳۸&&&&ampersand
      ۳۹apostrophe
      ۴۰((((left parenthesis
      ۴۱))))right parenthesis
      ۴۲****asterisk
      ۴۳++++plus sign
      ۴۴,,,,comma
      ۴۵hyphen-minus
      ۴۶....full stop
      ۴۷////solidus
      ۴۸۰۰۰۰digit zero
      ۴۹۱۱۱۱digit one
      ۵۰۲۲۲۲digit two
      ۵۱۳۳۳۳digit three
      ۵۲۴۴۴۴digit four
      ۵۳۵۵۵۵digit five
      ۵۴۶۶۶۶digit six
      ۵۵۷۷۷۷digit seven
      ۵۶۸۸۸۸digit eight
      ۵۷۹۹۹۹digit nine
      ۵۸::::colon
      ۵۹;;;;semicolon
      ۶۰<<<<less-than sign
      ۶۱====equals sign
      ۶۲>>>>greater-than sign
      ۶۳????question mark
      ۶۴@@@@commercial at
      ۶۵AAAALatin capital letter A
      ۶۶BBBBLatin capital letter B
      ۶۷CCCCLatin capital letter C
      ۶۸DDDDLatin capital letter D
      ۶۹EEEELatin capital letter E
      ۷۰FFFFLatin capital letter F
      ۷۱GGGGLatin capital letter G
      ۷۲HHHHLatin capital letter H
      ۷۳IIIILatin capital letter I
      ۷۴JJJJLatin capital letter J
      ۷۵KKKKLatin capital letter K
      ۷۶LLLLLatin capital letter L
      ۷۷MMMMLatin capital letter M
      ۷۸NNNNLatin capital letter N
      ۷۹OOOOLatin capital letter O
      ۸۰PPPPLatin capital letter P
      ۸۱QQQQLatin capital letter Q
      ۸۲RRRRLatin capital letter R
      ۸۳SSSSLatin capital letter S
      ۸۴TTTTLatin capital letter T
      ۸۵UUUULatin capital letter U
      ۸۶VVVVLatin capital letter V
      ۸۷WWWWLatin capital letter W
      ۸۸XXXXLatin capital letter X
      ۸۹YYYYLatin capital letter Y
      ۹۰ZZZZLatin capital letter Z
      ۹۱[[[[left square bracket
      ۹۲\\\\reverse solidus
      ۹۳]]]]right square bracket
      ۹۴^^^^circumflex accent
      ۹۵____low line
      ۹۶grave accent
      ۹۷aaaaLatin small letter a
      ۹۸bbbbLatin small letter b
      ۹۹ccccLatin small letter c
      ۱۰۰ddddLatin small letter d
      ۱۰۱eeeeLatin small letter e
      ۱۰۲ffffLatin small letter f
      ۱۰۳ggggLatin small letter g
      ۱۰۴hhhhLatin small letter h
      ۱۰۵iiiiLatin small letter i
      ۱۰۶jjjjLatin small letter j
      ۱۰۷kkkkLatin small letter k
      ۱۰۸llllLatin small letter l
      ۱۰۹mmmmLatin small letter m
      ۱۱۰nnnnLatin small letter n
      ۱۱۱ooooLatin small letter o
      ۱۱۲ppppLatin small letter p
      ۱۱۳qqqqLatin small letter q
      ۱۱۴rrrrLatin small letter r
      ۱۱۵ssssLatin small letter s
      ۱۱۶ttttLatin small letter t
      ۱۱۷uuuuLatin small letter u
      ۱۱۸vvvvLatin small letter v
      ۱۱۹wwwwLatin small letter w
      ۱۲۰xxxxLatin small letter x
      ۱۲۱yyyyLatin small letter y
      ۱۲۲zzzzLatin small letter z
      ۱۲۳{{{{left curly bracket
      ۱۲۴||||vertical line
      ۱۲۵}}}}right curly bracket
      ۱۲۶~~~~tilde
      ۱۲۷DEL
      ۱۲۸euro sign
      ۱۲۹NOT USED
      ۱۳۰single low-9 quotation mark
      ۱۳۱ƒLatin small letter f with hook
      ۱۳۲double low-9 quotation mark
      ۱۳۳horizontal ellipsis
      ۱۳۴dagger
      ۱۳۵double dagger
      ۱۳۶ˆmodifier letter circumflex accent
      ۱۳۷per mille sign
      ۱۳۸ŠLatin capital letter S with caron
      ۱۳۹single left-pointing angle quotation mark
      ۱۴۰ŒLatin capital ligature OE
      ۱۴۱NOT USED
      ۱۴۲ŽLatin capital letter Z with caron
      ۱۴۳NOT USED
      ۱۴۴NOT USED
      ۱۴۵left single quotation mark
      ۱۴۶right single quotation mark
      ۱۴۷left double quotation mark
      ۱۴۸right double quotation mark
      ۱۴۹bullet
      ۱۵۰en dash
      ۱۵۱em dash
      ۱۵۲˜small tilde
      ۱۵۳trade mark sign
      ۱۵۴šLatin small letter s with caron
      ۱۵۵single right-pointing angle quotation mark
      ۱۵۶œLatin small ligature oe
      ۱۵۷NOT USED
      ۱۵۸žLatin small letter z with caron
      ۱۵۹ŸLatin capital letter Y with diaeresis
      ۱۶۰no-break space
      ۱۶۱¡¡¡inverted exclamation mark
      ۱۶۲¢¢¢cent sign
      ۱۶۳£££pound sign
      ۱۶۴¤¤¤currency sign
      ۱۶۵¥¥¥yen sign
      ۱۶۶¦¦¦broken bar
      ۱۶۷§§§section sign
      ۱۶۸¨¨¨diaeresis
      ۱۶۹©©©copyright sign
      ۱۷۰ªªªfeminine ordinal indicator
      ۱۷۱«««left-pointing double angle quotation mark
      ۱۷۲¬¬¬not sign
      ۱۷۳soft hyphen
      ۱۷۴®®®registered sign
      ۱۷۵¯¯¯macron
      ۱۷۶°°°degree sign
      ۱۷۷±±±plus-minus sign
      ۱۷۸²²²superscript two
      ۱۷۹³³³superscript three
      ۱۸۰´´´acute accent
      ۱۸۱µµµmicro sign
      ۱۸۲pilcrow sign
      ۱۸۳···middle dot
      ۱۸۴¸¸¸cedilla
      ۱۸۵¹¹¹superscript one
      ۱۸۶ºººmasculine ordinal indicator
      ۱۸۷»»»right-pointing double angle quotation mark
      ۱۸۸¼¼¼vulgar fraction one quarter
      ۱۸۹½½½vulgar fraction one half
      ۱۹۰¾¾¾vulgar fraction three quarters
      ۱۹۱¿¿¿inverted question mark
      ۱۹۲ÀÀÀLatin capital letter A with grave
      ۱۹۳ÁÁÁLatin capital letter A with acute
      ۱۹۴ÂÂÂLatin capital letter A with circumflex
      ۱۹۵ÃÃÃLatin capital letter A with tilde
      ۱۹۶ÄÄÄLatin capital letter A with diaeresis
      ۱۹۷ÅÅÅLatin capital letter A with ring above
      ۱۹۸ÆÆÆLatin capital letter AE
      ۱۹۹ÇÇÇLatin capital letter C with cedilla
      ۲۰۰ÈÈÈLatin capital letter E with grave
      ۲۰۱ÉÉÉLatin capital letter E with acute
      ۲۰۲ÊÊÊLatin capital letter E with circumflex
      ۲۰۳ËËËLatin capital letter E with diaeresis
      ۲۰۴ÌÌÌLatin capital letter I with grave
      ۲۰۵ÍÍÍLatin capital letter I with acute
      ۲۰۶ÎÎÎLatin capital letter I with circumflex
      ۲۰۷ÏÏÏLatin capital letter I with diaeresis
      ۲۰۸ÐÐÐLatin capital letter Eth
      ۲۰۹ÑÑÑLatin capital letter N with tilde
      ۲۱۰ÒÒÒLatin capital letter O with grave
      ۲۱۱ÓÓÓLatin capital letter O with acute
      ۲۱۲ÔÔÔLatin capital letter O with circumflex
      ۲۱۳ÕÕÕLatin capital letter O with tilde
      ۲۱۴ÖÖÖLatin capital letter O with diaeresis
      ۲۱۵×××multiplication sign
      ۲۱۶ØØØLatin capital letter O with stroke
      ۲۱۷ÙÙÙLatin capital letter U with grave
      ۲۱۸ÚÚÚLatin capital letter U with acute
      ۲۱۹ÛÛÛLatin capital letter U with circumflex
      ۲۲۰ÜÜÜLatin capital letter U with diaeresis
      ۲۲۱ÝÝÝLatin capital letter Y with acute
      ۲۲۲ÞÞÞLatin capital letter Thorn
      ۲۲۳ßßßLatin small letter sharp s
      ۲۲۴àààLatin small letter a with grave
      ۲۲۵áááLatin small letter a with acute
      ۲۲۶âââLatin small letter a with circumflex
      ۲۲۷ãããLatin small letter a with tilde
      ۲۲۸äääLatin small letter a with diaeresis
      ۲۲۹åååLatin small letter a with ring above
      ۲۳۰æææLatin small letter ae
      ۲۳۱çççLatin small letter c with cedilla
      ۲۳۲èèèLatin small letter e with grave
      ۲۳۳éééLatin small letter e with acute
      ۲۳۴êêêLatin small letter e with circumflex
      ۲۳۵ëëëLatin small letter e with diaeresis
      ۲۳۶ìììLatin small letter i with grave
      ۲۳۷íííLatin small letter i with acute
      ۲۳۸îîîLatin small letter i with circumflex
      ۲۳۹ïïïLatin small letter i with diaeresis
      ۲۴۰ðððLatin small letter eth
      ۲۴۱ñññLatin small letter n with tilde
      ۲۴۲òòòLatin small letter o with grave
      ۲۴۳óóóLatin small letter o with acute
      ۲۴۴ôôôLatin small letter o with circumflex
      ۲۴۵õõõLatin small letter o with tilde
      ۲۴۶öööLatin small letter o with diaeresis
      ۲۴۷÷÷÷division sign
      ۲۴۸øøøLatin small letter o with stroke
      ۲۴۹ùùùLatin small letter u with grave
      ۲۵۰úúúLatin small letter u with acute
      ۲۵۱ûûûLatin small letter with circumflex
      ۲۵۲üüüLatin small letter u with diaeresis
      ۲۵۳ýýýLatin small letter y with acute
      ۲۵۴þþþLatin small letter thorn
      ۲۵۵ÿÿÿLatin small letter y with diaeresis

      کاراکترهای ASCII

      ASCII از مقادیر ۰ تا ۳۱ (و ۱۲۷) برای کاراکترهای کنترل استفاده می کند.

      ASCII از مقادیر ۳۲ تا ۱۲۶ برای حروف، ارقام و نمادها استفاده می کند.

      ASCII از مقادیر ۱۲۸ تا ۲۵۵ استفاده نمی کند.

      کاراکترهای ANSI

      ANSI برای مقادیر ۰ تا ۱۲۷ برابر با ASCII است.

      ANSI مجموعه ای از کاراکتر اختصاصی برای مقادیر ۱۲۸ تا ۱۵۹ دارد.

      ANSI برای مقادیر ۱۶۰ تا ۲۵۵ برابر با UTF-8 است.

      کاراکترهای استاندارد ISO-8859-1

      ۸۸۵۹-۱ برای مقادیر ۰ تا ۱۲۷ برابر با ASCII است.

      ۸۸۵۹-۱ از مقادیر ۱۲۸ تا ۱۵۹ استفاده نمی کند.

      ۸۸۵۹-۱ برای مقادیر ۱۶۰ تا ۲۵۵ برابر با UTF-8 است.

      کاراکترهای UTF-8

      UTF-8 برای مقادیر ۰ تا ۱۲۷ برابر با ASCII است.

      UTF-8 از مقادیر ۱۲۸ تا ۱۵۹ استفاده نمی کند.

      UTF-8 برای مقادیر ۱۶۰ تا ۲۵۵ برابر با هر دو ANSI و ۸۸۵۹-۱ است.

      UTF-8 همچنان از مقدار ۲۵۶ با بیش از ۱۰ هزار کاراکتر متفاوت ادامه می یابد.

      تعریف استاندارد Encoding  ، در css

      شما می توانید از خصوصیت @charset در css ، برای تعریف Encoding ، استفاده کنید.

      مثال: تعریف استاندارد UTF-8 در css:

      مثال : 

      کلام آخر

      در این مبحث طرز کار با ویژگی Encoding در html و صفت charset در html را ارائه کردیم. تا با انواع استانداردهای زبان و کاراکتری در html و نحوه تنظیم آن ها آشنا شوید.

      QR:  جلسه ۳۰ : ویژگی Encoding در html ( تنظیمات کاراکترها )
      به اشتراک بگذارید