สรุปเทคนิคทั่วไปบางประการในการพัฒนาส่วนหน้า

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

1. วิธีแสดงวันที่ทางด้านขวาในรายการชื่อบทความ (มีให้ 2 วิธี และการใช้งานขึ้นอยู่กับสถานการณ์):
วิธีที่ 1: ไอเดียบนชั้น 2 ของเวอร์ชันนี้ (ขอบคุณ~) ใช้ทรัพยากรน้อยลง และมีโค้ดเพิ่มอีกสองบรรทัด

<p>@Mr.Thinkนี่คือชื่อบทความ<span>2010-10-10</span></p>

คำจำกัดความของซีเอสเอส:

p{ตำแหน่ง:ญาติ}
ช่วง p {ตำแหน่ง: ขวาแน่นอน: 0}

วิธีที่ 2: รหัสน้อยกว่าวิธีที่ 1 แต่ใช้ทรัพยากรมากกว่า

<p><span>2010-10-10</span>@Mr.Thinkนี่คือชื่อของบทความ</p>

จากนั้นกำหนด span right float:

ช่วง p {ลอย: ขวา}

ที่จริงแล้ว วิธีการนี้สามารถขยายออกไปได้ในหลาย ๆ สถานการณ์ และเป็นวิธีการเขียนที่ใช้งานได้จริงมาก

2. ตามมาตรฐานของเว็บ ในหน้าเดียวกันจะมีแท็ก h1 ได้เพียงแท็กเดียวเท่านั้น หลายคนรู้แนวคิดนี้ แต่มีน้อยคนที่รู้

3. ปัญหาระยะขอบของช่องว่างทับซ้อนกัน: โดยทั่วไปจะหลีกเลี่ยงได้โดยการเพิ่มเส้นขอบโปร่งใสหรือช่องว่างภายใน 1px การตีความโดยละเอียด: http://mrthink.net/css-margin-overlying-way/ ;

4. Max/min-width/height ถูกนำมาใช้ภายใต้ ie6, _width: expression(this.width >600 ? "600px" : true); , ความสูงเท่ากัน

5. html/class/id วิธีที่ดีที่สุดคือเขียนด้วยตัวพิมพ์เล็กซึ่งเข้มงวดกว่า (ตามมาตรฐาน xhtml)

6. ไม่แนะนำให้ใช้รหัสต่อไปนี้เพื่อให้เข้ากันได้กับ IE8:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

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