ฉันหวังว่าฉันจะโน้มน้าวคุณและคุณจะใช้ Unicode (อย่างไรก็ตาม “utf-8” และ “Unicode” เป็นคำพ้องความหมาย หรือให้แม่นยำยิ่งขึ้น utf-8 เป็นหนึ่งในการเข้ารหัสของกลุ่ม Unicode ซึ่งมี ได้รับความนิยมในหมู่นักพัฒนาเว็บ)

ตอนนี้เรามาดูเครื่องมือแปลงรหัสไฟล์ที่ฉันแนะนำให้คุณใช้อย่างละเอียดยิ่งขึ้นผู้อ่านที่รัก

เครื่องมือสำหรับการทำงานกับการเข้ารหัสไฟล์ HTML

จริงๆแล้วมีเพียงสามคนเท่านั้น:

• พีเอสแพด. โปรแกรมแก้ไขข้อความฟรี ที่ฉันชื่นชอบ
• - โปรแกรมแก้ไขข้อความที่ดีและฟรีอีกตัวหนึ่ง
• ดรีมวีฟเวอร์ คุณคุ้นเคยกับ Dreamweaver จากไฟล์.

เราโหลดไฟล์ HTML บางส่วนลงใน PSPadและเราจะเข้าใจได้อย่างไรว่าหัวข้อทดลองที่โหลดมีการเข้ารหัสประเภทใด พูดง่ายๆ ก็คือ ทุกอย่างถูกเขียนไว้อย่างชัดเจนในแถบสถานะ (ด้านล่าง)

เปิดการเข้ารหัสไฟล์ HTML windows-1251

ตอนนี้ เมื่อสร้างเอกสาร HTML ใหม่ มาดูแลการเข้ารหัสกัน

มาดูเมนูโปรดกันดีกว่า พีเอสแพด- เรามีความสนใจในรายการ รูปแบบ- ในนั้นเราจะทำเครื่องหมายที่ช่องถัดจากการเข้ารหัส utf-8

ดังนั้นการเข้ารหัสไฟล์ในอนาคตจึงเป็น windows-1251

ตอนนี้เกี่ยวกับวิธีการ เปลี่ยนการเข้ารหัสไฟล์ HTML- ใช่ มันง่ายมาก:

คุณต้องคลิกที่การเข้ารหัสที่ต้องการในรายการเมนู รูปแบบและการเข้ารหัสจะเปลี่ยนไป หลังจากนั้นให้บันทึกไฟล์ รีโค้ด งานก็เสร็จสิ้น

เกี่ยวกับ กระดาษจดบันทึก++ทุกอย่างคล้ายกับสถานการณ์ที่อธิบายไว้ข้างต้นมาก ในการทำงานกับการเข้ารหัสเท่านั้นคุณต้องใช้รายการเมนู การเข้ารหัส

ข้อแตกต่างเพียงอย่างเดียวคือในกรณีของ Notepad++ รายการเมนูจะปรากฏขึ้นซึ่งออกแบบมาเป็นพิเศษสำหรับการแปลงการเข้ารหัส แปลง..- (ในความคิดของฉันไม่จำเป็น ทุกอย่างจะง่ายกว่าบน PSPad และนั่นคือเหตุผลที่ฉันใช้มัน) ดังนั้น สิ่งเหล่านี้คือสิ่งที่คุณต้องคลิกหากคุณต้องการเปลี่ยนการเข้ารหัสของไฟล์ HTML ของเรา

เหนือสิ่งอื่นใด เมื่อบันทึกเป็น utf-8 เรามีทางเลือก: ไม่มี BOMหรือ ด้วย BOM- เราในฐานะผู้ดูแลเว็บจำเป็นต้องใช้การเข้ารหัส UTF-8 (ไม่มี BOM).

นี่คือสิ่งที่ Wikipedia จะตอบคำถาม “BOM คืออะไร”

ในการกำหนดรูปแบบการแสดง Unicode ในไฟล์ข้อความ มีการใช้เทคนิคโดยเขียนอักขระ U+FEFF (พื้นที่ไม่แบ่งความกว้างเป็นศูนย์) หรือที่เรียกว่า Byte Order Mark (BOM) ที่จุดเริ่มต้นของข้อความ . เมธอดนี้สร้างความแตกต่างระหว่าง UTF-16LE และ UTF-16BE เนื่องจากไม่มีอักขระ U+FFFE บางครั้งก็ใช้เพื่ออ้างถึงรูปแบบ UTF-8 แม้ว่าแนวคิดเรื่องลำดับไบต์จะใช้ไม่ได้กับรูปแบบนี้ก็ตาม

หากคุณอ่านข้อความข้างต้น 10 ครั้งแล้วเกาหัว คุณจะเข้าใจได้ชัดเจนว่า: สำหรับ utf-8 BOM เราไม่ต้องการ- นอกจากนี้ หากคุณบันทึกไฟล์ด้วยสคริปต์ php ในการเข้ารหัส utf-8 พร้อม BOMจากนั้นมันจะไม่ทำงานเพราะตัวจัดการจะไม่เข้าใจว่าเรื่องไร้สาระประเภทใดที่เขียนไว้ที่จุดเริ่มต้นของไฟล์สคริปต์ (ฉันหมายถึงพื้นที่ไม่แตกที่มีความกว้างเป็นศูนย์)

เอาล่ะ สิ่งที่เหลืออยู่คือการดูให้ละเอียดยิ่งขึ้น ดรีมวีฟเวอร์.

เมื่อสร้างไฟล์ใหม่ ควรคำนึงถึงว่าไฟล์นั้นจะถูกสร้างขึ้นด้วยการเข้ารหัสใด เมื่อต้องการทำเช่นนี้ในหน้าต่างสำหรับสร้างเอกสารใหม่ ไฟล์ → ใหม่ (Ctrl+N)ใช้ปุ่ม การตั้งค่า...

และดูสิ่งที่ตั้งค่าเป็นการเข้ารหัสเริ่มต้น:

การเข้ารหัสเริ่มต้นของไฟล์ HTML ที่สร้างขึ้นใน Dreamweaver

แปลงรหัสไฟล์ HTML ที่เปิดใน Dreamweaverเป็นไปได้ในการสนทนา คุณสมบัติของหน้าซึ่งเปิดจากเมนู แก้ไข → คุณสมบัติหน้า (Ctrl + J)

เลือกการเข้ารหัสที่ต้องการ กด ตกลงเพียงเท่านี้ งานการแปลงรหัสก็เสร็จสมบูรณ์ (แต่ BOM ยังไม่จำเป็น ไม่ต้องทำเครื่องหมายในช่อง)

การตรวจจับการเข้ารหัสเบราว์เซอร์

ดังนั้นไฟล์ HTML ของเราจึงถูกบันทึกในการเข้ารหัสที่เราเลือก ตอนนี้เรามาดูคำถาม: เบราว์เซอร์ทราบเกี่ยวกับการเข้ารหัสที่ใช้ในไฟล์ HTML ที่กำหนดได้อย่างไร

มีสามตัวเลือกที่นี่:

1. เราเองบอกเบราว์เซอร์ว่าการตั้งค่าการเข้ารหัสสำหรับไฟล์ HTML นี้คืออะไรทำได้โดยใช้แท็ก META

ตัวอย่างข้างต้นแนะนำให้เบราว์เซอร์ทราบว่าไฟล์ HTML ที่ดาวน์โหลดมาถูกบันทึกในการเข้ารหัส utf-8.

หากไฟล์ HTML ถูกบันทึกในการเข้ารหัส windows-1251 ดังนั้น:

อย่างไรก็ตามเมื่อแปลงไฟล์อย่าลืมเปลี่ยนคำสั่งในแท็ก META เป็นคำสั่งปัจจุบัน เมื่อเปลี่ยนการเข้ารหัส Dreamweaver จะดำเนินการนี้โดยอัตโนมัติ แต่ในโปรแกรมแก้ไขข้อความอื่นๆ คุณต้องจับคู่การเข้ารหัสที่ใช้และคำสั่ง META tag ด้วยตัวคุณเอง

HTML ที่สมบูรณ์มีลักษณะดังนี้ (ฉันอ้างอิงเพื่อทำความเข้าใจคำถาม “แท็ก META อยู่ที่ไหนพร้อมคำสั่งการเข้ารหัสที่ระบุ” โปรดใส่ใจกับบรรทัดที่ 4):

อืม ฯลฯ

2. การใช้ไฟล์ .htaccessบางครั้งเซิร์ฟเวอร์จะบังคับส่วนหัวสำหรับไฟล์ HTML ที่ดาวน์โหลด และแจ้งให้เบราว์เซอร์ทราบถึงการเข้ารหัสเริ่มต้น ในกรณีนี้ เบราว์เซอร์ไม่ได้สนใจคำสั่งในแท็ก META แต่จะแสดงไฟล์ HTML ในการเข้ารหัสที่เซิร์ฟเวอร์รายงาน เพื่อให้ดาวน์โหลดไฟล์ในการเข้ารหัสที่คุณต้องการ (บ่อยครั้งที่โฮสติ้งบังคับให้คุณระบุการเข้ารหัส windows-1251) ไฟล์ชื่อ “.htaccess” จะถูกสร้างขึ้นในรูทของไดเร็กทอรีโฮสติ้ง

ไฟล์นี้มีไว้สำหรับการกำหนดค่าเซิร์ฟเวอร์เพิ่มเติม ผลกระทบของคำสั่ง .htaccess ใช้กับไฟล์และไดเรกทอรีย่อยทั้งหมดที่อยู่ในไดเรกทอรีที่คุณบันทึกไฟล์ .htaccess

คุณสามารถสร้างไฟล์นี้ได้ เช่น ใน Total Commander โดยการกดปุ่มลัด กะ+F4และระบุชื่อไฟล์ที่สร้างขึ้น .htaccess- ถัดไป โปรแกรมแก้ไขข้อความจะระบุคำสั่งสำหรับการตั้งค่าการเข้ารหัสเริ่มต้นเพิ่มเติม

สำหรับไฟล์ HTML ที่เข้ารหัส utf-8ใน .htaccess คุณต้องเขียนหนึ่งบรรทัด:

เพิ่มDefaultCharset UTF-8

สำหรับไฟล์ HTML ในการเข้ารหัส Windows-1251:

เพิ่มค่าเริ่มต้นCharsetWindows-1251

หากโฮสติ้งของคุณฉลาดหลักแหลมและไม่ใส่ใจกับคำสั่งเหล่านี้ คุณสามารถลอง:

Charsetdisable เมื่อ AddDefaultCharset Off

หากไม่ได้ผล เพียงถามผู้ให้บริการโฮสต์ของคุณว่าคุณควรทำอย่างไรเพื่อปิดใช้งานการเข้ารหัสเริ่มต้น :) ทั้งหมดนี้ขึ้นอยู่กับการตั้งค่าเซิร์ฟเวอร์เฉพาะของผู้ให้บริการโฮสติ้ง

3. คำสั่ง PHP ระบุการเข้ารหัสเริ่มต้นในไฟล์ที่ต้องแสดงในการเข้ารหัสที่ต้องการแม้ว่าจะมีการตั้งค่าเซิร์ฟเวอร์ของผู้ให้บริการโฮสต์ก็ตาม แต่คำสั่งที่มีรหัส php จะถูกระบุที่จุดเริ่มต้น:

รหัส php นี้จะส่งส่วนหัวของเซิร์ฟเวอร์ที่ระบุการเข้ารหัสเริ่มต้นของเบราว์เซอร์ ในตัวอย่างข้างต้น การเข้ารหัส utf-8 จะถูกใช้เพื่อแสดงเพจ

โดยปกติแล้วไม่มีเคล็ดลับในการตั้งค่าเซิร์ฟเวอร์ของผู้ให้บริการโฮสติ้งในการจัดการกับเรื่องที่สนใจดังกล่าว

ฉันต้องการทราบว่าเพื่อให้เซิร์ฟเวอร์ประมวลผลคำสั่ง PHP ไฟล์ html จะต้องมีนามสกุล .php(เช่นindex.php)

คุณมีคำถามอื่นๆ เกี่ยวกับการเข้ารหัสหรือไม่ เขียนในความคิดเห็น เราจำเป็นต้องแก้ไขปัญหาเหล่านี้ทันทีและตลอดไป :)

วลาด เมอร์เซวิช

เมตาแท็กใช้เพื่อจัดเก็บข้อมูลสำหรับเบราว์เซอร์และเครื่องมือค้นหา ตัวอย่างเช่น เครื่องมือค้นหาจะเข้าถึงเมตาแท็กเพื่อรับคำอธิบายเว็บไซต์ คำสำคัญ และข้อมูลอื่นๆ

เมตาแท็กสำหรับเครื่องมือค้นหา

มีความเห็นในหมู่นักพัฒนาเว็บไซต์ว่าเมตาแท็กที่เขียนอย่างถูกต้องช่วยให้คุณสามารถขึ้นสู่อันดับต้น ๆ ของเครื่องมือค้นหาได้

เมตาแท็กสองแท็กได้รับการออกแบบมาโดยเฉพาะสำหรับเครื่องมือค้นหา: คำอธิบายและคำหลัก เว็บมาสเตอร์บางรายได้เพิ่มคำหลักลงในส่วนคำหลักที่ไม่เกี่ยวข้องกับหัวข้อของเว็บไซต์ แต่ถึงกระนั้นก็ประสบความสำเร็จในหมู่ผู้เข้าชมเครื่องมือค้นหา อย่างไรก็ตาม หลังจากนั้นไม่นาน เสิร์ชเอ็นจิ้นก็เรียนรู้ที่จะจัดการกับปรากฏการณ์นี้ และตรวจสอบเนื้อหาของหน้าเว็บว่าสอดคล้องกับคำหลักที่ระบุหรือไม่

หลักการบางประการที่เกี่ยวข้องกับเมตาแท็ก:

• ไม่รวมคำหลักที่ไม่มีอยู่ในหน้าเว็บของคุณ
• อย่าใช้คำหลักซ้ำ
• ใช้เมตาแท็กตามวัตถุประสงค์ที่ต้องการ
• ทำให้คำอธิบายและรายการคำหลักแตกต่างกันในแต่ละหน้าของเว็บไซต์โดยคำนึงถึงเนื้อหา

คำอธิบาย

เครื่องมือค้นหาส่วนใหญ่จะแสดงเนื้อหาของช่องคำอธิบาย (ตัวอย่างที่ 1) เมื่อแสดงผลการค้นหา

หากไม่มีแท็กนี้บนหน้า เครื่องมือค้นหาก็จะแสดงรายการคำแรกที่พบในหน้า ซึ่งตามกฎแล้วจะไม่เกี่ยวข้องกับหัวข้อมากนัก

เว็บไซต์เกี่ยวกับ HTML และการสร้างเว็บไซต์

คำหลัก

เมตาแท็กนี้มีวัตถุประสงค์เพื่ออธิบายคำหลักที่ปรากฏบนเพจ (ตัวอย่างที่ 2) แต่ด้วยเหตุนี้การกระทำของผู้ที่ต้องการขึ้นสู่อันดับต้น ๆ ของเครื่องมือค้นหาด้วยวิธีการใด ๆ ที่จำเป็นจึงน่าอดสูไปแล้ว

ตัวอย่างที่ 2: การใช้คำหลัก

HTML, META, เมตาแท็ก, แท็ก, เครื่องมือค้นหา

สามารถแสดงรายการคำหลักโดยคั่นด้วยการเว้นวรรคหรือเครื่องหมายจุลภาค เครื่องมือค้นหาจะแปลงรายการเป็นรูปแบบที่ใช้

กำลังโหลดหน้าอัตโนมัติ

หากต้องการดาวน์โหลดเอกสารใหม่โดยอัตโนมัติหลังจากช่วงระยะเวลาหนึ่ง ให้ใช้คำสั่ง http-equiv="refresh" (ตัวอย่างที่ 3)

เบราว์เซอร์จะเข้าใจว่ารายการนี้ต้องรอ 5 วินาที จากนั้นโหลดหน้าใหม่ที่ระบุในพารามิเตอร์ URL ในกรณีนี้คือลิงก์ไปยังเว็บไซต์เว็บไซต์

เมตาแท็กนี้ช่วยให้คุณสร้างการเปลี่ยนเส้นทางไปยังไซต์อื่นได้ หากไม่มีการระบุ URL เพจปัจจุบันจะรีเฟรชโดยอัตโนมัติหลังจากผ่านไปตามจำนวนวินาทีที่ระบุในแอตทริบิวต์เนื้อหา

การเข้ารหัส

หากต้องการบอกเบราว์เซอร์ว่าอักขระใดในหน้าเว็บที่เข้ารหัส คุณต้องตั้งค่าพารามิเตอร์

หากไม่มีการระบุการเข้ารหัส เบราว์เซอร์จะพยายามกำหนดประเภทของอักขระที่ใช้ในเอกสารและเลือกการเข้ารหัสที่จำเป็นโดยอัตโนมัติ

เบราว์เซอร์อาจไม่รู้จักภาษาของหน้าเว็บอย่างถูกต้องเสมอไป และในบางกรณีจะแนะนำการเข้ารหัสภาษาเวียดนามแทนซีริลลิก ด้วยเหตุนี้ จึงควรรวมบรรทัดที่ให้ไว้เสมอจะดีกว่า อย่างไรก็ตาม มีบางสถานการณ์ที่การระบุการเข้ารหัสอาจทำให้เกิดอันตรายได้ ตัวอย่างเช่น เว็บเซิร์ฟเวอร์จะใช้การแปลงข้อมูลใน KOI-8 โดยอัตโนมัติ และเบราว์เซอร์เมื่อพบพารามิเตอร์ charset=windows-1251 จะแปลงข้อความเป็นการเข้ารหัส Windows ส่งผลให้มีการเปลี่ยนอักขระสองครั้ง จึงไม่ง่ายเลยที่จะอ่านข้อความดังกล่าว โชคดีที่ปัญหาดังกล่าวกลายเป็นเรื่องในอดีตไปแล้ว ไม่ว่าในกรณีใด ก็สามารถระบุและแก้ไขได้อย่างง่ายดายในระดับเซิร์ฟเวอร์ หนึ่งในปัญหาที่พบบ่อยที่สุดที่มือใหม่ต้องเผชิญเว็บมาสเตอร์ (และไม่ใช่แค่มือใหม่) สิ่งนี้ปัญหาเกี่ยวกับการเข้ารหัสบนเว็บไซต์ - สำหรับฉันมันจะปรากฏขึ้นตลอดเวลาเมื่อสร้างเว็บไซต์ "อับราคาดาบรา “แต่โชคดีที่ฉันรู้ดีว่าจะแก้ไขปัญหานี้อย่างไร ดังนั้นฉันจึงจัดทุกอย่างให้เรียบร้อยภายในไม่กี่วินาที และในบทความนี้ ฉันจะพยายามสอนคุณอย่างรวดเร็วเช่นกัน.

แก้ไขปัญหาที่เกี่ยวข้องกับการเขียนโค้ดบนเว็บไซต์ วินโดว์-1251สิ่งแรกที่ควรสังเกตก็คือปัญหาทั้งหมดเกี่ยวกับรูปลักษณ์ของ "abracadabra" นั้นเกี่ยวข้องกับความไม่ตรงกันระหว่างการเข้ารหัสเอกสารและการเข้ารหัสที่เบราว์เซอร์กำหนด สมมติว่ามีเอกสารเข้า แต่ด้วยเหตุผลบางอย่างที่เบราว์เซอร์แสดง UTF-8

- และที่มาของความคลาดเคลื่อนดังกล่าวอาจมีสาเหตุดังต่อไปนี้

เหตุผลแรก เมตาแท็กเขียนไม่ถูกต้องประเภทเนื้อหา

- โปรดระวัง ควรมีการเข้ารหัสที่ใช้เขียนเอกสารของคุณเสมอ

เหตุผลที่สอง กระดาษจดบันทึก++ดูเหมือนว่าเมตาแท็กจะถูกเขียนตามที่คุณต้องการ และเบราว์เซอร์จะแสดงสิ่งที่คุณต้องการอย่างแน่นอน แต่ด้วยเหตุผลบางประการ ยังคงมีปัญหากับการเข้ารหัส ผู้ร้ายในที่นี้เกือบจะแน่นอนว่าเอกสารนั้นมีการเข้ารหัสที่แตกต่างกัน ถ้าคุณทำงานใน จากนั้นที่มุมขวาล่างจะมีชื่อการเข้ารหัสของเอกสารปัจจุบัน (เช่นแอนซี่ แต่ด้วยเหตุผลบางอย่างที่เบราว์เซอร์แสดง- หากคุณใส่เมตาแท็ก จากนั้นที่มุมขวาล่างจะมีชื่อการเข้ารหัสของเอกสารปัจจุบัน (เช่นและตัวเอกสารเองก็เขียนอยู่ในนั้น แต่ด้วยเหตุผลบางอย่างที่เบราว์เซอร์แสดงจากนั้นทำการแปลงเป็น (ผ่านเมนู"การเข้ารหัส "และจุด"").

แปลงเป็น UTF-8 โดยไม่มี BOM

เหตุผลที่สาม

เหตุผลที่สี่ และสุดท้ายเหตุผลยอดนิยมประการสุดท้ายก็คือ- ขั้นแรก ตรวจสอบให้แน่ใจว่าตารางและฟิลด์ทั้งหมดของคุณเขียนด้วยการเข้ารหัสเดียวกัน ซึ่งตรงกับการเข้ารหัสของส่วนที่เหลือของไซต์ หากวิธีนี้ไม่ได้ผล ให้เรียกใช้คำขอต่อไปนี้ทันทีหลังจากเชื่อมต่อสคริปต์:

ตั้งชื่อ "utf8"

แทนที่จะเป็น " utf8" อาจมีการเข้ารหัสที่แตกต่างกัน หลังจากนั้น ข้อมูลทั้งหมดจากฐานข้อมูลควรออกมาในรูปแบบการเข้ารหัสที่ถูกต้อง

ในบทความนี้ ฉันหวังว่าฉันจะได้อธิบายอย่างน้อย 90% ของปัญหาเกี่ยวข้องกับการปรากฏตัวของ "พูดพล่อยๆ" บนไซต์- ตอนนี้คุณต้องจัดการกับปัญหายอดนิยมและเรียบง่ายเช่นการเข้ารหัสที่ไม่ถูกต้องในเวลาอันรวดเร็ว