พรีในสไตล์ CSS คืออะไร บทบาทของแท็กโค้ดก่อนตัดโค้ดใน HTML

เราใช้เว็บไซต์ WordPressต้องเรียนรู้พื้นฐานบางอย่างของ CSS และ HTML:

• เนื่องจากไฟล์สไตล์ CSS ของธีม WordPress บางธีมจึงไม่เพิ่มสไตล์แท็กล่วงหน้าและโค้ด
• ปัจจุบันเบราว์เซอร์ส่วนใหญ่รองรับเครื่องหมาย.

HTML  ตัวอย่างฉลาก

ต่อไปนี้เป็นรูปแบบ CSS ของ pre tag (ซึ่งสามารถห่อโค้ด html ได้โดยอัตโนมัติ)▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

ต่อไปนี้เป็นรูปแบบ CSS ของแท็กโค้ด ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

使用方法:

• โปรดคัดลอกแท็ก CSS ด้านบนไปยังธีม WordPress style.css ในไฟล์.

ฟังก์ชัน HTML ก่อนแท็กและคำแนะนำการใช้งาน

• ป้ายกำกับกำหนดข้อความที่จัดรูปแบบไว้ล่วงหน้า
• ในองค์ประกอบมาร์กอัป ข้อความที่มีอยู่มักจะเว้นวรรคและขึ้นบรรทัดใหม่
• ข้อความจะแสดงด้วยแบบอักษรโมโนสเปซ

มาร์กอัปมัก标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

หากคุณต้องการวางรูปแบบข้อความที่ระบุใน HTML คุณต้องใช้ประโยชน์จากแอตทริบิวต์ขององค์ประกอบนำ

คำแนะนำและคำแนะนำ

คำใบ้:การใช้แท็กโดยทั่วไปคือการแสดงซอร์สโค้ดของคอมพิวเตอร์

ความแตกต่างระหว่าง HTML 4.01 และ HTML5

ใน HTML 4.01 แอตทริบิวต์ "ความกว้าง" จะเลิกใช้และไม่สามารถใช้ได้ HTML5 ไม่รองรับแอตทริบิวต์ "ความกว้าง"

属性

รายละเอียดมูลค่าทรัพย์สิน

• หมายเลขความกว้าง HTML5 ไม่สนับสนุนแอตทริบิวต์นี้
• คุณลักษณะนี้เลิกใช้แล้วใน HTML 4.01
• กำหนดจำนวนอักขระสูงสุดต่อบรรทัด (โดยปกติคือ 40,80, 132 หรือ XNUMX)

คุณสมบัติระดับโลก

• <pre>มาร์กอัปรองรับแอตทริบิวต์ส่วนกลาง และดูแอตทริบิวต์ส่วนกลาง HTML แผ่นคุณสมบัติแบบเต็ม

คุณสมบัติเหตุการณ์

• แท็กรองรับแอตทริบิวต์เหตุการณ์ HTML ทั้งหมด