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

1. เขียนรหัสที่สะอาด

เขียนรหัสจะทำความสะอาดได้ง่ายและ maintainable น้อยเจ็บสำหรับคุณและคนอื่นๆ.

รหัสไม่ถูกต้อง

  > id <div = "Wrapper">
 > id <div = "MainContainer">
 > </div> id <div = "Header"> <div />
 > </div> id <div = "Content"> <div />
 <div />
 <div /> 

รหัส Good

  <! - / เสื้อคลุม \ ->
 > id <div = "Wrapper">

 <! - / ภาชนะหลัก \ ->
 > id <div = "MainContainer">

 <! - / หัว \ ->
 > </div> id <div = "Header"> <div />
 <! - \ หัวปิด / ->

 <! - เนื้อหา / \ ->
 > </div> id <div = "Content"> <div />
 <! - ปิดเนื้อหา \ / ->
 
 <div />
 <! - \ หลักภาชนะปิด / ->

 <div />
 <! - \ กระดาษห่อปิด / -> 

2. ใช้ DOCTYPE ถูกต้อง

หากคุณไม่ใช้ DOCTYPE (ประกาศประเภทเอกสาร) แท็กหน้าเว็บของคุณจะไม่แสดงในวิธีการตามมาตรฐานและอาจทำให้บางหน้าเว็บแปลก.

3. ใช้แท็กส่วนหัวและ Unordered รายการ

ใช้แท็กส่วนหัวและรายการ Unordered กราฟิกค่อนข้าง spacer แล้วและตารางต่างๆหลายระดับ ..

รหัสไม่ถูกต้อง

รหัส Good

 Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> <li> Content xyz </li> </ul> </div> <div> <h2> หัว </ h2> <ul> xyz Content <li> </ li> xyz Content <li> </ li> xyz Content <li> </ li> xyz Content <li> </ li> <UL /> <div /> 

4. ใช้ระดับความหมาย semantically และชื่อ ID

เมื่อระดับการใช้งานได้และชื่อ ID ที่ semantically ความหมายและค้นหาง่าย. เช่น:

รหัสไม่ถูกต้อง

  > ชั้น <ul = "blue">
 <li> Error 1 </ li>
 <li> Error 2 </ li>
 <UL /> 

รหัส Good

  > ชั้น <ul = "Error">
 <li> Error 1 </ li>
 <li> Error 2 </ li>
 <UL /> 

5. ลอยสองหลีกเลี่ยง IE ของ-ขอบใช้แสดง: inline สำหรับองค์ประกอบ floated

หลีกเลี่ยงลอยคู่ของ IE-ขอบและข้อบกพร่องเว้าแหว่งข้อความโดยใช้แสดง: inline สำหรับองค์ประกอบ floated.

รหัสไม่ถูกต้อง

  เนื้อหา # (
 ; ฟ่อง: ซ้าย;
 ; กว้าง: 300px;
 ; ขยาย: 4px 7px;
 ; ขอบซ้าย: 20px;
 ) 

รหัส Good

  เนื้อหา # (
 ; ฟ่อง: ซ้าย;
 ; กว้าง: 300px;
 ; ขยาย: 4px 7px;
 ; ขอบซ้าย: 20px;
 ; แสดง: inline;
 ) 

สรุป

เหล่านี้เป็นเพียงบางส่วนเคล็ดลับที่ช่วยเขียนโค้ดดีกว่า. ฉันหวังว่ากวดวิชาจะช่วยให้คุณเขียนดีกว่าและสะอาด code. ใช้เคล็ดลับเหล่านี้ไปยังโครงการปัจจุบันและต่อไปและคุณก็จะขอบคุณความพยายาม.

หากคุณคิดว่าการกวดวิชาได้มากขึ้นดีกว่าหุ้นโปรดของเรา. ความคิดเห็นเรา

หากคุณต้องการได้รับข้อมูลเพิ่มเติมคำแนะนำจากเราโปรดพิจารณาสมัครรับฟีดของเราโดย RSS หรือ อีเมล์.