By پشتیبان on سه شنبه, 25 بهمن 1390
Category: آموزش HTML

درس نهم آموزش HTML

تا به اینجا با مفاهیم زیادی از زبان برنامه نویسی html آشنا شدید. در این درس با برخی علائم در علم برنامه نویسی html آشنا می شوید. لطفا با دقت درس امروز را دنبال کنید.

Character Entities

در استاندارد HTML گروهی از نويسه ها (Character) دارای معنی خاصی بوده ( مثلا نويسه < شروع يک تگ و نويسه > انتهای يک تگ را نشان ميدهد. ) و برای نمايش آنها در صفحاتتان مستقيما قابل مصرف نميباشند. در اين فصل با فهرست اين نويسه ها آشنا شده و نحوه درج آنها را با کمک Character Entities فرا خواهيد گرفت.

Character Entities


در HTML بعضی از نويسه ها دارای معنی خاصی بوده و برای نمايش آنها در صفحاتتان بايد از برابرهای خاصی استفاده کنيد. يک character entities از سه قسمت تشکيل ميشود:

1- نويسه ampersand (&)

2- نام entity يا نويسه # و سپس شماره عددی entity

3 - و نهايتا نويسه semicolon (;)

{rsmembership category="1"}

برای مثال برای نمايش نويسه > دو روش وجود دارد، میتوانید از &lt; يا از &#60; استفاده کنيد. در اين مثال lt نام entity و 60 شماره عددی آن ميباشد.

مزيت استفاده از نام entity در مقابل استفاده از شماره عددی آن سهولت يادآوری آن از روی نامش ميباشد و عيب آن اين است که تمامی مرورگرها نام گذاريهای موجود برای Entity ها را قبول ندارند ولی در عوض همگی شماره های عددی entity ها را بخوبی ميشناسند. توجه داشته باشيد که entity ها به کوچک و بزرگي حروف حساس هستند و در واقع Case Sensitive ميباشند.

پر کاربردترين character entity ها در HTML، نويسه فاصله يا Space يا Blank ميباشد و نام رسمی آن non-breaking space ميباشد. همانطور که ميدانيد مرورگرها فاصله های اضافی در متن را در نظر نگرفته (truncate spaces) و مثلا از 10 نويسه فاصله، 9 تای آنرا ناديده ميگيرند و برای نمايش فاصله های اضافی بايد از &nbsp; استفاده کنيد.

چند کرکتر پر کاربرد

CharacterEntityHexadecimalDecimalName
© &copy; &COPY; &#x000A9; &#169; COPYRIGHT SIGN
® &reg; &circledR; &REG; &#x000AE; &#174; REGISTERED SIGN
&trade; &TRADE; &#x02122; &#8482; TRADE MARK SIGN
> &gt; &GT; &#x0003E; &#62; GREATER-THAN SIGN
< &lt; &LT; &#x0003C; &#60; LESS-THAN SIGN
; &semi; &#x0003B; &#59; SEMICOLON
& &amp; &AMP; &#x00026; &#38; AMPERSAND
" &quot; &QUOT; &#x00022; &#34; QUOTATION MARK
# &num; &#x00023; &#35; NUMBER SIGN
&starf; &bigstar; &#x02605; &#9733; BLACK STAR
&star; &#x02606; &#9734; WHITE STAR
  &#x02702; &#9986; BLACK SCISSORS
&check; &checkmark; &#x02713; &#10003; CHECK MARK
&cross; &#x02717; &#10007; BALLOT X
  &#x02729; &#10025; STRESS OUTLINED WHITE STAR
  &#x0272A; &#10026; CIRCLED WHITE STAR
  &#x0275E; &#10078; HEAVY DOUBLE COMMA QUOTATION MARK ORNAMENT
  &#x02764; &#10084; HEAVY BLACK HEART
&larr; &leftarrow; &LeftArrow; &slarr; &ShortLeftArrow; &#x02190; &#8592; LEFTWARDS ARROW
&uarr; &uparrow; &UpArrow; &ShortUpArrow; &#x02191; &#8593; UPWARDS ARROW
&rarr; &rightarrow; &RightArrow; &srarr; &ShortRightArrow; &#x02192; &#8594; RIGHTWARDS ARROW
&darr; &downarrow; &DownArrow; &ShortDownArrow; &#x02193; &#8595; DOWNWARDS ARROW
&euro; &#x020AC; &#8364; EURO SIGN
  &#x025B6; &#9654; BLACK RIGHT-POINTING TRIANGLE
&xdtri; &bigtriangledown; &#x025BD; &#9661; WHITE DOWN-POINTING TRIANGLE
  &#x025C9; &#9673; FISHEYE
&sum; &Sum; &#x02211; &#8721; N-ARY SUMMATION
  &#x02139; &#8505; INFORMATION SOURCE
&numero; &#x02116; &#8470; NUMERO SIGN
&copysr; &#x02117; &#8471; SOUND RECORDING COPYRIGHT
  &#x02103; &#8451; DEGREE CELSIUS
  &#x02109; &#8457; DEGREE FAHRENHEIT

{else}

برای دسترسی به ادامه مطلب می بایستی در وب سایت اشتراک داشته باشید

خرید اشتراک

{/rsmembership}

Leave Comments