نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی

رمزگذاری صفحه html utf 8. رمزگذاری در html

مجموعه کاراکتر را تنظیم کنید

متا تگ

شما باید یک متا تگ مخصوص به هر صفحه (یا قالب سرصفحه) اضافه کنید که به مرورگر می گوید از چه مجموعه ای از کاراکترها برای نمایش متون استفاده کند. این تگ استاندارد است و معمولاً به شکل زیر است:

charset=UTF-8» />

charset=”utf-8″/> (گزینه ای برای HTML 5)

باید آن را در بخش قرار دهید - در همان ابتدا، درست بعد از افتتاحیه، بهتر است :

تگ رمزگذاری متا

از طریق .htaccess (اگر همه چیز شکست خورد)

معمولا دو گزینه اول کافی است و مرورگرها متن را نمایش می دهند چگونه. اما برخی از آنها ممکن است مشکلاتی داشته باشند و بنابراین می توانید به کمک متوسل شوید فایل htaccess.

برای این کار باید خط زیر را در آن بنویسید:

AddDefaultCharset utf-8

همین. اگر این 3 روش تنظیم کدگذاری را به صورت متوالی در پروژه خود اعمال کنید، احتمال اینکه که همه چیز همانطور که باید نمایش داده شود، نزدیک به 100٪.

چگونه می توان آنچه را که در پشت نمادهای عجیب و غریب در یک وب سایت پنهان شده است، "دید" کرد؟

اگر به یک صفحه وب می‌روید، «کلمات دیوانه‌کننده» را می‌بینید و می‌خواهید متن عادی را ببینید، تنها دو راه وجود دارد:

  • به صاحب سایت اطلاع دهید تا همه چیز به درستی پیکربندی شود
  • سعی کنید رمزگذاری را خودتان حدس بزنید. این کار انجام می شود به معنی استانداردمرورگرها برای مثال در کروم، باید روی منو کلیک کنید "ابزار => رمزگذاری" و از لیست بزرگمجموعه مناسبی از کاراکترها را انتخاب کنید (یعنی حدس بزنید).

خوشبختانه، تقریباً تمام پروژه‌های وب مدرن با رمزگذاری UTF-8 انجام می‌شوند که برای الفبای مختلف «جهانی» است و بنابراین کمتر و کمتر احتمال دارد که این‌ها را ببینیم. نمادهای عجیبدر اینترنت.

برای اینکه صفحات سایت شما در همه مرورگرها و انواع دستگاه ها به درستی نمایش داده شوند، باید مراقب تنظیم کدگذاری صحیح باشید. رعایت نکردن برخی شرایط، که امروز به تفصیل در مورد آنها صحبت خواهیم کرد، می تواند منجر به این واقعیت شود که متن به مجموعه ای بی معنی از شخصیت ها تبدیل می شود که خواندن آنها به سادگی غیرممکن است (krakozyabry).

چرا متن های مزخرف به جای متن معمولی نمایش داده می شوند؟

هر صفحه در سایت شما باید دارای رمزگذاری خاصی باشد. در مورد اینکه کدگذاری در چه مواردی استفاده می شود این لحظهباید با عبور هدرهای خاص به مرورگر منتقل شود. در این سرصفحه ها باید کدی را مشخص کنید که مطابق با کدی است که در بدنه اسناد ارسال شده در سایت (در صفحات آن) استفاده می کنید.

مرورگرهای مدرناگر مدیر وب‌سایت فراموش کرده باشد که به صراحت آن را نشان دهد، می‌توانند رمزگذاری سند را خودشان تعیین کنند. گاهی اوقات ناسازگاری بین "نظر" مرورگر و واقعیت به وجود می آید، از این رو مجموعه ای از شخصیت ها ظاهر می شوند که قابل خواندن نیستند. مجموعه ای از مزخرفات ممکن است انواع متفاوت، گاهی اوقات فقط نمادهای عجیب و غریب مانند هیروگلیف های باستانی خواهد بود و گاهی اوقات فقط سؤال یا سؤال در داخل الماس سیاه خواهد بود. توسط روی هم رفتهمهم نیست که مرورگر چه نوع مزخرفی را نمایش می‌دهد، اما مهم این است که شخص نتواند آنها را بخواند.

اگر با مشکل رمزگذاری نادرست مشخص شده مواجه شدید و چیزی را در وب سایت خود مشاهده کردید که نمی توانید آن را بخوانید، ابتدا از یک رمزگشای ویژه توسعه یافته در استودیوی Artemy Lebedev استفاده کنید. برای انجام این کار، به سادگی متن مورد نظر برای رمزگشایی را کپی کنید، آن را در فیلد مخصوص قرار دهید و روی "Decrypt" کلیک کنید. اگر رمزگشایی موفقیت آمیز باشد، متنی را خواهید دید که از قبل قابل خواندن است، همچنین کدگذاری اصلی و مسیری را که برنامه باید طی می‌کرد تا به نتیجه برسد، خواهید دید.

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

نحوه انتخاب کدگذاری مناسب

در این مقاله به بررسی انواع رمزگذاری ها و تفاوت آنها با یکدیگر نمی پردازیم، زیرا ... ما نمی خواهیم نه خود و نه شما را بیش از حد بارگذاری کنیم اطلاعات غیر ضروریو برای اهداف مقاله امروز اینطور نبود. فقط شایان ذکر است که در یک سایت روسی زبان، نصب رمزگذاری ویندوز-1251، که به طور کامل در مقاله فوق العاده ویکی پدیا توضیح داده شده است، هیچ فایده ای ندارد. حتی اگر تمام متون روی آن به طور انحصاری به زبان روسی نوشته شود و هیچ گنجاندن کاراکترهای غیر استاندارد وجود نداشته باشد. در عوض، شما فقط باید رمزگذاری جهانی UTF-8 را انتخاب کنید، بدون اینکه ذهن خود را با اطلاعات غیر ضروری آزار دهید.

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

UTF-8 (از قالب انگلیسی Unicode Transformation Format) یک قالب تبدیل یونیکد هشت بیتی است که در سراسر جهان به رسمیت شناخته شده است و دقیقاً استاندارد شده است تا از مشکلات مرتبط با ظاهر چرندیات و سردرگمی با متون ناخوانا جلوگیری کند. که از آن می توانیم با خیال راحت نتیجه بگیریم که در در این موردشما باید از بین دو شر بزرگتر را انتخاب کنید و با آرامش و بدون وارد شدن به جزئیات بخوابید، زیرا اینجا همه چیز روشن است. برای مقایسه به اندازه مشتری و زهره نگاه کنید.

روش های اساسی برای تنظیم رمزگذاری صحیح

اغلب، مشکلات مربوط به رمزگذاری سایت به این دلیل نیست که هیچ یک از شرایطی که به شما خواهیم گفت رعایت نشده است، بلکه کافی است فقط یکی از آنها را برآورده نکنید تا متن در سایت شما شروع به نمایش نادرست کند. بعد از اینکه رمزگذاری را روی همه تنظیم کردید به روش های ذکر شده، مشکل با احتمال 99.9% حل خواهد شد. ما بر اساس تجربه چندین ساله کار با وب سایت ها در پلتفرم های میزبانی مختلف، با بیشترین استفاده به این نتیجه رسیدیم سیستم های مختلفمدیریت و تنظیمات سرور

رمزگذاری در htaccess. - AddDefaultCharset

اول از همه، شما باید رمزگذاری پیش فرض تمام صفحات سایت را با استفاده از یک دستورالعمل بسیار مفید htaccess - AddDefaultCharset، که به معنای واقعی کلمه از به انگلیسیبه معنای "افزودن رمزگذاری پیش فرض" است. این کار بسیار ساده انجام می شود:

AddDefaultCharset UTF-8

اگه نمیدونی چیه ، سپس فقط ایجاد کنید فایل متنیدر دفترچه یادداشت و سپس با با استفاده از Total Commander، نام آن را به یک فایل بدون عنوان با پسوند HTACCESS ( - این دقیقاً همان چیزی است که باید به نظر برسد نام و نام خانوادگیفایل شما). پس از این، فایل جدید ایجاد شده را در آن آپلود کنید دایرکتوری ریشهسایت شما (مثلاً در همان مکانی که فایل اجرایی اصلی قرار دارد index.php). و فراموش نکنید که خطی را با کدگذاری پیش‌فرض که به تازگی ارائه کرده‌ایم وارد کنید.

رمزگذاری با استفاده از متا charset

متا تگ ها می توانند اطلاعات مربوط به صفحه را در قالب هدرهای ویژه به مرورگر ارسال کنند که یکی از آنها دقیقاً همان چیزی است که ما به آن نیاز داریم - مجموعه شخصیت ها. به طور کلی، متا تگ ها می توانند 4 ویژگی مختلف داشته باشند:

  1. محتوا؛
  2. http-equiv;
  3. نام؛
  4. طرح.

در واقع، از چهار ویژگی ارائه شده، تنها یکی مورد نیاز است - محتوا، اما استثناهایی وجود دارد. به عنوان مثال، در مورد ما، از یک نسخه کوتاه شده از ورودی استفاده می کنیم و رمزگذاری را با استفاده از متا تگ دقیقاً به این صورت تنظیم می کنیم:

فرمت ضبط قدیمی مدت هاست که در فراموشی فرو رفته است و دیگر استفاده از آن فایده ای ندارد:

همانطور که می دانید متا تگ ها معمولا در داخل کانتینر قرار می گیرند سر. همه، بدون استثنا، احتمالاً قبلاً در مورد این موضوع می دانند. این عملیات را انجام دهید و ما به مورد بعدی در لیست خود خواهیم رفت.

رمزگذاری فایل با استفاده از تابع PHP هدر

این روش فقط برای کسانی مناسب است که وب سایتی دارند که با استفاده از محبوب ترین زبان برنامه نویسی در حال حاضر پیاده سازی شده است و بیشتر بر روی ایجاد وب سایت ها متمرکز شده است - PHP (Hyper Text Preprocessor). برای حل مشکل مطرح شده در این مقاله، از تابع فوق العاده داخلی header() استفاده می کنیم که برای ارسال هدرها، مشابه متا تگ ها، طراحی شده است، اما با این تفاوت که عمل از طریق یک اسکریپت PHP انجام می شود، نه از طریق. خروجی کد HTML

با استفاده از تابع، رمزگذاری UTF-8 را برای یک فایل تنظیم کنید سرتیتر()بسیار ساده - شما فقط باید کد داده شده را در همان ابتدای صفحه جایگذاری کنید، اما البته در محدوده PHP، که به صورت زیر نشان داده شده است:یا همینطور -.

Header("Content-type: text/html; charset=utf-8");

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

ذخیره فایل ها در رمزگذاری صحیح

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

همانطور که قبلاً توافق کردیم، رمزگذاری که در همه، حتی پیچیده‌ترین سایت‌های روسی زبان استفاده می‌کنیم، UTF-8 است، بنابراین همه فایل‌هایی را که موتور سایت را تشکیل می‌دهند در قالب یکسان رمزگذاری می‌کنیم. و برای تغییر رمزگذاری خود فایل، آپلود شده در سرور، دفترچه یادداشت معمول ارائه شده توسط سیستم عامل ویندوز، البته، کافی نخواهد بود. بنابراین بهتر است استفاده شود برنامه شخص ثالث، توزیع رایگان - Notepad++، که بدون هیچ مشکلی از وب سایت رسمی قابل دانلود است.

پس از انجام موفقیت آمیز فرآیند نصب ساده، باید این برنامه را به عنوان ویرایشگر پیش فرض اختصاص دهید، تنظیماتی را به سلیقه خود انجام دهید و رمزگذاری فایل نمایش داده شده نادرست را به همان روشی که در تصویر نشان داده شده است تغییر دهید. آن ها شما باید "Encode to UTF-8 (no BOM)" را انتخاب کنید. نشانه خوبی که دلیل این امر بوده این است که در ابتدا هیچ یک از گزینه ها انتخاب نمی شود و از شما خواسته می شود "تبدیل به UTF-8 (بدون BOM)" اگر این را مشاهده کردید، مطمئن شوید که فقط چند ثانیه قبل از حل مشکل رمزگذاری باقی مانده است.

علاوه بر این، من فقط می خواهم بگویم که شما باید دقیقا انتخاب کنید بدون BOM. در غیر این صورت، اگر به سادگی در UTF-8 (با BOM) رمزگذاری کنید، بایت های اضافی در ابتدای فایل ایجاد می شود. آنها سعی می کنند هنگام رمزگذاری در قالب UTF-8 از BOM - Byte Order Mark در وب استفاده نکنند، زیرا این با تداخل در تفسیر صحیح PHP منجر به خطا می شود.

خوب، حالا که همه چیز اقدامات لازمتکمیل شده است، به احتمال زیاد متنی خوانا را در صفحات وب سایت خود خواهید دید و نفس راحتی خواهید کشید :)

بیایید توافق کنیم که اختلاف نظر داشته باشیم.
رابرت لوئیس استیونسون.

این درسی است که در آن درباره چیستی آن صحبت خواهیم کرد برچسب های متا، چرا و چگونه استفاده می شود و چگونه آنها را به درستی پر کنید.

همانطور که قبلاً گفتم، برچسب های متادر سربرگ صفحه html، بین تگ‌ها و قرار دارند و به هیچ وجه توسط مرورگر نمایش داده نمی‌شوند (به جز محتویات برچسب عنوان). با این حال، متا تگ ها برای یک سایت نقش بسیار مهمی دارند نقش مهم. افزودن و بهینه سازی آنها می تواند کمک قابل توجهی به سایت در زندگی آن کند.

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


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

با همان متا تگ نمایش داده شده در عنوان پنجره:

که در متا تگ HTML"عنوان" به این صورت اضافه می شود:

محتویات متا تگ عنوان

محتوای صفحه اصلی

علاوه بر این، همانطور که قبلاً گفتم، کلید واژه ها، که به متا تگ "عنوان" اضافه می کنید، توسط موتورهای جستجو بسیار مثبت دریافت می شود. بنابراین، هنگام پر کردن این برچسب، سعی کنید کلمات کلیدی مناسب را وارد کنید. به هر حال، ما در مورد آنها بیشتر صحبت خواهیم کرد.

§ 2. متا تگ "کلمات کلیدی" (کلمات کلیدی)

ابتدا، اجازه دهید به طور خلاصه در مورد اینکه این "کلمات کلیدی" در واقع چه هستند صحبت کنیم.

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

به عنوان مثال، برای این صفحه، کلمات کلیدی عبارتند از: متا تگ، متا تگ عنوان، متا تگ کلمات کلیدی" و غیره.

ما با جزئیات بیشتری در مورد کلمات کلیدی، به طور خاص، و بهینه سازی وب سایت، به طور کلی، صحبت خواهیم کرد.

برای سهولت کار موتورهای جستجو، از متا تگ “کلمات کلیدی” استفاده می شود. در آن مدیر وب سایت کلمات کلیدی صفحه را می نویسد. کد HTML متا تگ "کلمات کلیدی" به شکل زیر است:

فهرست کلمات کلیدی">
محتویات متا تگ عنوان

محتوای صفحه اصلی

کلمات کلیدی باید یکی یکی اضافه شوند و با کاما از هم جدا شوند. به عنوان مثال، نه "کلمات کلیدی"، بلکه "کلمات کلیدی". علاوه بر این، رفتار غیرمسئولانه مدیران وب‌سایت‌ها که برای به دست آوردن موقعیت‌های بالاتر در موتورهای جستجو، متا تگ «کلید واژه‌ها» را نه تنها با کلمات کلیدی، بلکه با مشتقات متعدد از آنها پر می‌کردند، منجر به این شد که موتورهای جستجو عملاً متوقف شوند. توجه به این تگ . در حال حاضر درستمتا تگ پر شده "کلمات کلیدی" توسط موتورهای جستجو تنها به عنوان یکی از بسیاری از عوامل رتبه بندی (به هیچ وجه اصلی ترین) استفاده می شود. اگر آنها "کلمات کلیدی" را در مقابل خود ببینند، که تمام تغییرات احتمالی کلمات کلیدی در آنها گنجانده شده است، این اولین سیگنال برای آنها می شود که این صفحه غیرقابل اعتماد است.

§ 3. متا تگ "توضیحات" (توضیحات صفحه)

متا تگ مهم بعدی تگ "description" است که باید حاوی باشد توضیح کوتاهصفحات دقیقاً "کوتاه" و دقیقاً "توضیح صفحه". کافی است یک یا دو جمله کوچک اضافه کنید که در آن مشخص کنید این صفحه در مورد چیست و برای چه کسی است.

یکی از ویژگی های مهم متا تگ “description” این واقعیت است که اگر آن درستهنگام پر کردن، بر این اساس است که موتورهای جستجو یک قطعه صفحه را در نتایج جستجو تشکیل می دهند (توضیح مختصری در زیر پیوند به صفحه):

اگر موتورهای جستجو از روشی که متا تگ «توضیح» پر می‌شود خوششان نمی‌آید، این قطعه از قطعاتی از عبارات (از کل صفحه بیرون کشیده شده) تشکیل می‌شود که مربوط به پرس و جو هستند.

بنابراین، متا تگ صحیح "توضیح" باید حاوی باشد کلمه کلیدی(عبارت) و به طور مختصر و دقیق توضیح می دهد که صفحه درباره چه چیزی و برای چه کسی است. "توضیحات" به همراه "عنوان" یک جفت متا تگ بسیار مهم را تشکیل می دهند که تعیین می کند آیا کاربر از نتایج جستجوبه سایت یا نه! بنابراین، مانند "عنوان" باید برای آن نوشته شود هر یکصفحات!

H کد TML برای ایجاد متا تگ "description" به صورت زیر خواهد بود:

محتویات متا تگ "شرح">
محتویات متا تگ عنوان

محتوای صفحه اصلی

حالا بیایید به توضیح متا تگ های فنی اصلی از گروه "HTTP-EQUIV" (معادل های HTTP) برویم.

§ 4. متا تگ های فنی

متا تگ های فنی برای یک وب سایت اهمیت زیادی دارند. با کمک آنها می توانید نمایش صفحه، تنظیمات نمایه سازی و غیره را کنترل کنید. در این آموزش به متا تگ های فنی اولیه نگاه خواهیم کرد.

  • نوع محتوا- نوع سند و رمزگذاری آن این متا تگ برای نمایش صحیح کاراکترها توسط مرورگر مورد نیاز است.
    رمزگذاری های زیادی وجود دارد. بسیاری از آنها را حتی هرگز نخواهید دید. ناگفته نماند که خودتان از آنها استفاده خواهید کرد. مرورگرهای مدرن نوع رمزگذاری را به طور خودکار تعیین می کنند، اما برای اطمینان بیشتر، می توانید خودتان آن را مشخص کنید. اگر یک سند html در سیستم عاملویندوز که زبان آن روسی است، پس از آن رمزگذاری "windows-1251" خواهد بود و کد درج متا تگ به شرح زیر است:

    محتویات متا تگ عنوان

    محتوای صفحه اصلی

  • محتوا-زبان- نشان دادن زبان سند مقدار این متا تگ اختیاری به عنوان استفاده می شود ربات های جستجوگرو وب سرورها کد جاسازی:

    محتویات متا تگ عنوان

    محتوای صفحه اصلی

  • تازه کردن- زمان (در ثانیه) که پس از آن اتفاق خواهد افتاد راه اندازی مجدد خودکارسند یا رفتن به صفحه html دیگری با آدرس (url) داده شده. به عنوان مثال، برای بارگیری خودکار یک سند در هر 30 ثانیه، باید این متا تگ را به صورت زیر وارد کنید:

    محتویات متا تگ عنوان

    محتوای صفحه اصلی

    و برای اینکه بعد از 5 ثانیه به صفحه http://www.site/ بروید، باید این را بنویسید:

    محتویات متا تگ عنوان

    محتوای صفحه اصلی

  • روبات ها- یک متا تگ که مسئول تنظیمات نمایه سازی صفحه است. متا تگ "robots" می تواند مقادیر زیر را داشته باشد:
    • فهرست مطالب- صفحه ایندکس شده است.
    • noindex- صفحه ایندکس نشده است.
    • دنبال کردن- لینک های موجود در صفحه در نظر گرفته می شوند.
    • nofollow- لینک های موجود در صفحه در نظر گرفته نمی شوند
    • همه- جایگزین «index» و «follow» می شود. صفحه ایندکس می شود و پیوندهای موجود در آن (به طور پیش فرض) در نظر گرفته می شود.
    • هیچ یک- جایگزین "noindex" و "nofollow" می شود. صفحه ایندکس نمی شود و لینک های موجود در آن در نظر گرفته نمی شوند.

    کد برای درج متا تگ "ربات":

    محتویات متا تگ عنوان

    محتوای صفحه اصلی

  • نویسندهو کپی رایت- متا تگ هایی که به شما امکان می دهد نویسنده و صاحب محتوا را در صفحه نشان دهید. کد جاسازی HTML:

    محتویات متا تگ عنوان

    محتوای صفحه اصلی

§ 5. نتیجه گیری

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

عنوان صفحه

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

این بخش از سایت من بالاخره به پایان رسید و سپس در مورد اینکه از کجا شروع به تبلیغ و تبلیغ سایت خود در اینترنت کنیم صحبت خواهیم کرد. همچنین چند نکته از من وجود دارد تجربه شخصیبهینه سازی صفحه سایت روی "بعدی" کلیک کنید.

یکی از مهمترین مشکلات رایجکه یک مبتدی با آن روبرو می شود مدیر وب سایت(و نه فقط مبتدیان)، این مشکل کدنویسی در سایت. حتی برای من همیشه هنگام ایجاد وب سایت ظاهر می شود " ابراکادابرا"اما، خوشبختانه، من به خوبی می دانم که چگونه این مشکل را حل کنم، بنابراین همه چیز را ظرف چند ثانیه مرتب کردم. و در این مقاله سعی می کنم به همان سرعت به شما آموزش دهم. حل مشکلات مربوط به کدنویسی در سایت.

اولین چیزی که شایان ذکر است این است که تمام مشکلات ظاهری "abracadabra" با عدم تطابق بین رمزگذاری سند و رمزگذاری تنظیم شده توسط مرورگر همراه است. بیایید بگوییم یک سند در ویندوز-1251، اما به دلایلی مرورگر نمایش داده می شود UTF-8. و منشأ چنین اختلافی ممکن است دلایل زیر باشد.

دلیل اول

متا تگ اشتباه نوشته شده است نوع محتوا. مراقب باشید، همیشه باید حاوی رمزگذاری باشد که سند شما در آن نوشته شده است.

دلیل دوم

به نظر می رسد که متا تگ به شکلی که شما می خواهید نوشته شده است و مرورگر دقیقا همان چیزی را که شما می خواهید نمایش می دهد، اما به دلایلی همچنان مشکلاتی در رمزگذاری وجود دارد. مقصر در اینجا تقریباً به طور قطع این است که خود سند رمزگذاری متفاوتی دارد. اگر در آن کار می کنید Notepad++، سپس در پایین سمت راست نام رمزگذاری وجود دارد سند فعلی(مثلا، ANSI). اگر متا تگ قرار دهید UTF-8، و خود سند در آن نوشته شده است ANSI، سپس تبدیل به را انجام دهید UTF-8(از طریق منو" رمزگذاری ها"و نقطه" بدون BOM به UTF-8 تبدیل کنید").

دلیل سوم

دلیل چهارم

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

تنظیم نام "utf8"

بجای " utf8ممکن است رمزگذاری متفاوتی وجود داشته باشد. پس از آن، تمام داده‌های پایگاه داده باید با رمزگذاری صحیح خارج شوند.

در این مقاله، امیدوارم حداقل توضیح داده باشم، 90٪ از مشکلات مربوط به ظاهر "بیهوده" در سایت است. اکنون باید در کوتاه ترین زمان با مشکلی محبوب و ساده مانند رمزگذاری نادرست مقابله کنید.

15.03.2016

نه هنوز


سلام به همه!
ما به مطالعه ادامه می دهیم مبانی HTML. در این درس به بررسی خواهیم پرداخت نحوه تعیین رمزگذاری HTMLبرای یک سایت (صفحه وب).
این درس بسیار مهم است زیرا ندانستن نحوه تعیین رمزگذاری برای یک صفحه وب می تواند منجر به غیرقابل خواندن صفحه شما شود. شما می‌پرسید: «چطور نمی‌توانند؟»
اجازه دهید به شما نشان دهم که وبلاگ من با کدگذاری نادرست چگونه به نظر می رسد:

بنابراین، رمزگذاری HTML - اینها جداول مطابقت بین کدها و علائم الفبا هستند. یعنی کامپیوتر رمزگذاری ما کد را به حروف واضح و قابل خواندن تغییر می دهد.

برای اینکه به مرورگر بگویید نویسه‌های صفحه وب در چه کدی هستند، باید بین برچسب‌ها بنویسید در اینجا یک متا تگ وجود دارد:

لطفاً توجه داشته باشید که کد حاوی کلمه "نام رمزگذاری" است. در اینجا باید کدگذاری HTML را مشخص کنید.
این معمولاً utf-8 یا windows-1251 است.

رمزگذاری برایutf-8:

رمزگذاریبرای ویندوز-1251:

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

بیایید به سراغ تمرین برویم.

نحوه ایجاد یک سند HTML با
رمزگذاری utf-8

"همه برنامه ها" => "لوازم جانبی" => "نوت پد" :

</body> </html> </p><p> <head></head>این متا تگ است:</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p><p> <html> <head> <title>اولین صفحه HTML من در StepkinBlog..</body> </html> </p><p>در دفترچه یادداشت کلیک کنید <span>“File” => “Save as...”</span>:</p> <p><img src='https://i0.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-3.png' width="100%" loading=lazy loading=lazy></p><p><br>جایی که مورد "Encoding:" "UTF-8" مشخص شده است. <br>روی "ذخیره" کلیک کنید:</p> <p><img src='https://i1.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-4.png' width="100%" loading=lazy loading=lazy></p><p>تصویر را بزرگ کنیم؟</p> <h3><span>نحوه ایجاد یک سند HTML با رمزگذاری ویندوز 1251</span></h3> <p>باز کن <a href="https://bumotors.ru/fa/skachat-standartnyi-bloknot-tekstovyi-bloknot---kak-otkryt-i-rabotat-gde.html">دفترچه یادداشت استاندارد</a>. <span><i>"همه برنامه ها" => "لوازم جانبی" => "نوت پد"</i> </span>.<br>بعد، آن را در دفترچه یادداشت بچسبانید. <a href="https://bumotors.ru/fa/kakoi-standartnyi-kod-na-bilaine-a100-razblokirovka-beeline-a100.html">کد استاندارد</a> HTML:</p><p> <html> <head> <title>اولین صفحه HTML من در StepkinBlog..</body> </html> </p><p>اکنون نشان می دهیم که صفحه وب در چه کدگذاری ذخیره شده است. برای انجام این کار، بین تگ ها قرار دهید <head></head>این متا تگ است:</p><p> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </p><p>این چیزی است که باید شبیه باشد (خط 4):</p><p> <html> <head> <title>اولین صفحه HTML من در StepkinBlog..</body> </html> </p><p>در دفترچه یادداشت کلیک کنید <span>“File” => “Save as...”</span>:</p> <p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-5.png' width="100%" loading=lazy loading=lazy></p> <p>جایی که مورد «نام فایل» است، نام صفحه وب را به لاتین و با پسوند «.html» بنویسید. فکر می کنم این را از اولین درس هایتان به یاد دارید. <br>در جایی که مورد "Encoding:" مشخص شده است، "ANSI" را نشان دهید. <br>روی "ذخیره" کلیک کنید:</p> <p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy loading=lazy></p> <p>همین!</p> <p>اکثر وب مسترها کدگذاری UTF-8 را انتخاب می کنند. من دلایل را به شما نمی گویم، زیرا می ترسم شما را با اطلاعاتی که هنوز در مرحله دانش شما از HTML مورد نیاز نیست بارگیری کنم.</p> <p>به عنوان مثال، در دفترچه یادداشت، کد را تنظیم کنید:</p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </p><p>و هنگام ذخیره "ANSI" را مشخص کنید:</p> <p><img src='https://i2.wp.com/stepkinblog.ru/wp-content/uploads/2016/03/kak-ukazat-kodirovku-sajta-na-html-osnovy-html-dlya-nachinayushhix-urok-20-6.png' width="100%" loading=lazy loading=lazy></p> <p>از آنجایی که این نادرست است، نتیجه به این صورت خواهد بود:</p> <p>صفحات وب خود را به درستی ذخیره کنید تا از نتایجی مانند این جلوگیری کنید</p> <p>پست قبلی <br></span> <span>ورودی بعدی <br></p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">بهترین مقالات در این زمینه</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/fa/kak-perenesti-faily-iz-odnoi-papki-v-druguyu-kopirovanie.html"> <div class="img_container"><img src="/uploads/70b68aae0b5e3592fa00311d5971e09b.jpg" border="0" alt="کپی کردن فایل ها و پوشه ها" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">کپی کردن فایل ها و پوشه ها</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/fa/zapusk-programmy-ot-administratora-iz-komandnoi-stroki.html"> <div class="img_container"><img src="/uploads/0fb7619e38c27dfffad85c3744743ded.jpg" border="0" alt="روش های مختلف برای اجرای Command Prompt به عنوان Administrator در ویندوز" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">روش های مختلف برای اجرای Command Prompt به عنوان Administrator در ویندوز</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/fa/komandnaya-stroka-s-pravami-administratora-komanda-runas---zapusk.html"> <div class="img_container"><img src="/uploads/184ffe2243e6dd68c8dfd39573176299.jpg" border="0" alt="دستور RUNAS - اجرای یک برنامه به عنوان کاربر دیگر ویندوز" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">دستور RUNAS - اجرای یک برنامه به عنوان کاربر دیگر ویندوز</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">دسته بندی ها:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="https://bumotors.ru/fa/category/programs/">برنامه ها</a></li> <li class=""><a href="https://bumotors.ru/fa/category/safety/">ایمنی</a></li> <li class=""><a href="https://bumotors.ru/fa/category/windows-10/">ویندوز 10</a></li> <li class=""><a href="https://bumotors.ru/fa/category/iron/">اهن</a></li> <li class=""><a href="https://bumotors.ru/fa/category/windows-8/">ویندوز 8</a></li> <li class=""><a href="https://bumotors.ru/fa/category/vkontakte/">در تماس با</a></li> <li class=""><a href="https://bumotors.ru/fa/category/errors/">خطاها</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="https://vk.com/share.php?url=https://bumotors.ru/kodirovka-stranicy-html-utf-8-kodirovka-v-html.html" class="vk social-ico"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://bumotors.ru/kodirovka-stranicy-html-utf-8-kodirovka-v-html.html" class="fb social-ico"></a> <a href="https://www.twitter.com/share?url=https%3A%2F%2Fbumotors.ru%2Ffa%2Fkodirovka-stranicy-html-utf-8-kodirovka-v-html.html" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12">© 2023 bumotors.ru. نحوه راه اندازی گوشی های هوشمند و رایانه های شخصی. پرتال اطلاعاتی</span> </div> </div> </div> </div> </body> </html>