بسم الله الرحمن الرحیم

نکات اچ تی ام ال-html

فهرست علوم
علوم کامپیوتر
فهرست جامع تمام اینتیتی های مورد نیاز


در ارجاع href به id حتما از علامت # (بخوانید شارپ) استفاده کنید





۱- نقش پسوند فایل در شناسایی آن فایل برای اجرای برنامه مناسب، مثلا html برای بروزر، و پسوند txt برای ویرایشگر متن.

۲- برای ویراستاری فایل html همزمان آن را با دو برنامه بروزر و ویرایشگر متن خالص باز میکنیم، و ابتدا در ویرایشگر ویرایش میکنیم، و سپس با فشردن دکمه ریفرش در بروزر، دوباره فایل را بار کرده و نشان میدهیم تا تغییرات خود را ببینیم.

۳- افزودنی View source with در فایرفاکس برای باز کردن منبع فایل html در مسیر جاری بسیار مناسب است، هم برای ویرایش و هم برای ایجاد فایل html جدید بر طبق فایل باز شده با تغییرات دلخواه.

۴- چون در فایل‌های المبین یک خط برای معرفی منبع css آمده که بسیار برای مدیریت کل فایلها نافع است، پس هر فایلی که ایجاد میکنیم از روی کپی یک فایل موجود ایجاد میکنیم تا این خط فراموش نشود، و آن خط این است:
۴.۱- خط موجود در فایلهای المبین برای معرفی منبع css برای مدیریت تمام فایلها با توضیح مختصر:
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
<title></title>
<link href="../styles/style-fadak.css" rel="stylesheet" type="text/css"/>
</head>

الف: تگ شروع <head> و تگ پایانی  </head>  برای متن نمایشی فایل html نیست، بلکه دستورات پیش از نمایش است که بروزر مراعات میکند برای مدیریت کل بدنه فایل.

ب: خط دوم برای تعیین نوع کاراکترهاست، که در این خط ما کاراکتر UTF-8 را تعیین کردیم که یونیکد است و با کاراکتر ویندوز تفاوت دارد.

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

د: خط چهارم همان خط معرفی منبع صفحات حالت css است که به بروزر میگوید: از این فولدر جاری، یک قدم به عقب برگرد (/..) (فولدر بالاتر)، و از آنجا وارد فولدر Styles بشو، و در آن فولدر محتوای فایل Style0.css را اجرا کن.




۵- اساس فایل html را دو تگ شروع و پایان تشکیل میدهد که هر یک متشکل است از علامت کوچکتر > در ابتدای تگ، و علامت بزرگتر < در انتهای آن، و هر چه بین این دو علامت کوچکتر و بزرگتر بیاید در بروزر نمایش داده نمیشود، و هر چه در بین دو تگ شروع و تگ پایان قرار گیرد در بروزر نمایش داده میشود، و مجموع تگ شروع و تگ پایان و متن نمایشی بین آن دو را عنصر (المان) مینامند، البته بعض المانهای خالی و بی محتوی مثل عکسها هستند که تگ پایانی نیاز ندارد، تمام دستورات و کدهای مقصود باید در تگ شروع قرار گیرد، و تگ پایان باید با یک اسلش / بعد از علامت کوچکتر شروع شود:
 <p>  متن پاراگراف  </p> 

و المان عکس و تصویر نیازی به تگ پایانی ندارد:
<img src="">

و همچنین تگ شکستن خط و سر سطر رفتن که با پاراگراف فرق دارد، یعنی یک تگ خالی بی محتوی است: <br>



متن استرونگ با استایل دکمه





کاراکتر نیم‌فاصله یا فاصله صفر در یونیکد:

The ZWNJ is encoded in Unicode as U+200C ZERO WIDTH NON-JOINER (HTML ‌ · ‌).

https://en.wikipedia.org/wiki/Zero-width_non-joiner

یعنی فاصله صفر اما بدون اتصال


۹- اگر بخواهیم در نمایش بروزر و متن فایل html مثلا تگ‌های بزرگتر و کوچکتر را نشان دهیم
۱۰-



متن چپ به راست را که میخواهید در بین متن راست به چپ بگذارید با این کد به جای ستاره‌ها بگذارید:

<span dir="ltr"> *** </span>


 *** 




۱۱- آدرس در لینک‌ها بر دو گونه است: آدرس مطلق، و آدرس وابسته، آدرس مطلق تنها یک نقطه را معرفی میکند، و اگر بروزر آن نقطه را نیابد، پیام میدهد که پیدا نشد، اما آدرس وابسته به بروزر میگوید از این نقطه جاری شروع کن، و این سه حالت دارد: ۱- در همینجا فایل مقصد را جستجو کن، ۲- در فولدر بالاتر برو، ۳- در فولدر پایین‌تر برو.





۲۱- اگر بخواهیم مثلا متنی بنویسیم که برای خودمان در منبع فایل باشد ولی بروزر آن را نشان ندهد (Comments) بین تگ شروع  <!--  و تگ پایان  -->  میآوریم مثلا:

 <!--  این متن مخفی است  --> 







امپرسند (انگلیسی: Ampersand) با واژه‌نگاشت "&" نمایش‌دهندهٔ حرف ربط and در زبان انگلیسی‌ست. این واژه بر گرفته از لیگچر et زبان لاتین برای "and" است.[۱]

The ampersand is the logogram &, representing the conjunction "and". It originated as a ligature of the letters et, Latin for "and".[1]


امپرسند نگاره ترکیبی یعنی لیگچر است برای et
<
>
&lt;
&gt;
&amp;
&#60;
&zwnj;
&#8204;
&nbsp;
&rlm;
&lrm;



H34: Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline

Description

The objective of this technique is to use Unicode right-to-left marks and left-to-right marks to override the HTML bidirectional algorithm when it produces undesirable results. This may be necessary, for instance, when placing neutral characters such as spaces or punctuation between different directional text runs. The concepts used in this technique are described in What you need to know about the bidi algorithm and inline markup. [begin add]Unicode right-to-left marks and left-to-right marks can be entered directly or by means of entities. [1965] [end add]The character entities for these markers are
left-to-right mark: ‎ or ‎ (U+202A)
right-to-left mark: ‏ or ‏ (U+202B)
[begin add] Due to the bidi algorithm, a source code editor may not display character entities as expected. [end add]

Example 1 This example shows an Arabic phrase in the middle of an English sentence. The exclamation point is part of the Arabic phrase and should appear on its left. Because it is between an Arabic and Latin character and the overall paragraph direction is LTR, the bidirectional algorithm would position it to the right of the Arabic phrase. [begin change]Inserting a Unicode right-to-left mark (in this case via the HTML character entity ‏) after the exclamation mark positions it correctly.[end change]

The title is "مفتاح معايير الويب!‏" in Arabic.

The following is a working example of the code above: The title is "مفتاح معايير الويب!‏" in Arabic.



تایپ مستقیم علامت کوچکتر &lt; و بزرگتر &gt; بدون تایپ آیدنتیتی (موجودیت)، با المان اسپن برای متن‌های مثل فارسی و عربی که راست به چپ هستند:

 < 
 > 
<span dir="ltr"> < </span>
<span dir="ltr"> > </span>



تگی بسیار جالب:
ریشه ساقه را باز کنید
ساقه ساقه دوم را باز کنید
ساقه دوم ساقه سوم را باز نکنید!




متن استرونگ با استایل دکمه






&#60;

https://www.w3schools.com/html/html_entities.asp
https://www.w3schools.com/charsets/ref_utf_punctuation.asp




به ایتایتیز اچ تی ام ال مراجعه کنید:

Numeric Code Character Entities

A numeric character reference refers to a character by its Universal Character Set/Unicode code point, and uses the format:

&#nnnn;

or

&#xhhhh;

where nnnn is the code point in decimal form, and hhhh is the code point in hexadecimal form. The x must be lowercase in XML documents. The nnnn or hhhh may be any number of digits and may include leading zeros. The hhhh may mix uppercase and lowercase, though uppercase is the usual style.






تغییر کدینگ ویندوز در اچ تی ام ال به یوتی اف ۸:

find . -name "*.txt" -exec iconv -f WINDOWS-1252 -t UTF-8 {} -o {}.ren \; -a -exec mv {}.ren {} \;


iconv -f Unicode fullOrders.csv > fullOrders-utf8.csv


native2ascii -encoding UTF-8 -reverse src.txt dest.txt


تغییر کدینگ آیدینتیتز اچ تی ام به کاراکتر:

find . -name "*.htm" -exec recode html {} \;
recode html < file





خصوصیت text-decoration در استایل، چند گزینه جالب دارد: overline --- underline ---- line-through ---- و ترکیبی:
text-decoration-line: underline;
text-decoration-style: solid;

text-decoration-line: underline;
text-decoration-style: wavy;

text-decoration-line: underline;
text-decoration-style: double;

text-decoration-line: overline underline;
text-decoration-style: wavy;











http://beyamooz.com/html/140-xhtml/369-%D9%85%D9%82%D8%AF%D9%85%D9%87-xhtml

+5 # میلاد نظری 1393-11-22 23:42
خسته نباشید
خصوصیت xmlns دقیقا چه کاری رو انجام میده اگه میشه بیشتر توضیح بدید و اینکه چی باید داخلش قرار بدیم؟ادرس سایت؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن


+7 # امیر پهلوان صادق 1393-11-23 10:09
با استفاده از ویژگی xmlns می توان namespace استفاده شده برای سند HTML را مشخص نمود. همان طور که می دانید هر تگ یا ویژگی ای در XML متعلق به یک namespace است و از این طریق می توان از confilict یا تعرض نام های تکراری در دو namespace جلوگیری کرد.
توجه کنید که تنظیم این ویژگی در XHTML الزامی است اما در HTML 4.01 شناخته شده نیست و البته در HTML5 اختیاری است.
این ویژگی در XTHML با مقدار "http://www.w3. org/1999/xhtml" تنظیم می شود.






https://softskill.ir/learn/web-development/html-tutorial/html-entities

آموزش HTML - موجودیت ها (Entities)

ارجاع های موجودیت های کاراکتری(Character entity)، یا اختصارها (entities for short)، شما را قادر می کنن تا از کاراکتر هایی که نمی توانند در رمزگذاریِ (encoding) کاراکتر سند آورده بشن یا کلید آن ها روی صفحه کلید وجود نداره مثل سمبلِ کپی رایت ©، استفاده کنین.

موجودیت های (Entities)HTML چیستند؟

در HTML، بعضی از کاراکترها رزرو شده ان، مثلاً نمی توانید از علامت کوچکتر (<) یا علامت بزرگتر (>) یا پرانتز در متنتان استفاده کنین، چون ممکنه مرورگر آن ها را با نشانه های HTML اشتباه بگیره، در هر حال بعضی از کاراکترها نیز مانند سمبل کپی رایت ©، در کی بورد وجود ندارن.

برای نمایش کاراکترهای خاص باید آن ها را با موجودیت های کاراکتری (character entities) جایگزین کنین.

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




*****************************************************

Example An unordered HTML list:

Example 2 different ordered lists:
  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk

One ordered (
    ) and one unordered (