แปลจาก: นิตยสาร Smashing
中文: การเข้ารหัสเซน: วิธีการเขียนรหัส HTML/CSS อย่างรวดเร็ว
โปรดเคารพลิขสิทธิ์โปรดระบุแหล่งที่มาเมื่อพิมพ์ซ้ำ!
ในบทความนี้เราจะแสดงวิธีใหม่ในการพัฒนา HTML และ CSS อย่างรวดเร็วโดยใช้ไวยากรณ์ที่เลียนแบบตัวเลือก CSS มันได้รับการพัฒนาโดย Sergey Chikuyonok คุณใช้เวลาเขียนรหัส HTML มากแค่ไหน (รวมถึงแท็กทั้งหมดแอตทริบิวต์การอ้างอิงการจัดฟัน ฯลฯ )? หากตัวแก้ไขของคุณมีข้อความแจ้งรหัสจะง่ายขึ้นเมื่อคุณเขียน แต่ถึงอย่างนั้นคุณก็ยังต้องพิมพ์รหัสด้วยตนเองด้วยตนเอง
ใน JavaScript เมื่อเราต้องการได้รับองค์ประกอบเฉพาะในหน้าเราพบปัญหาเดียวกันเราต้องเขียนโค้ดจำนวนมากซึ่งทำให้ยากต่อการรักษาและนำมาใช้ใหม่ เฟรมเวิร์ก JavaScript เกิดขึ้นและพวกเขายังแนะนำเครื่องยนต์ CSS Selector ตอนนี้คุณสามารถใช้นิพจน์ CSS ง่าย ๆ เพื่อรับองค์ประกอบ DOM ซึ่งค่อนข้างเจ๋ง
แต่ถ้าคุณไม่เพียง แต่ใช้ตัวเลือกของ CSS เพื่อจัดวางและค้นหาองค์ประกอบ แต่ยัง สร้างรหัส ด้วย ตัวอย่างเช่นหากคุณเขียนสิ่งนี้:
div#เนื้อหา> h1+p
& hellip; จากนั้นคุณสามารถเห็นผลลัพธ์เช่นนี้:
<div id = "เนื้อหา">
<H1> </h1>
<p> </p>
</div>