ไม่มีเรื่องไร้สาระอีกต่อไป มาเริ่มกันที่หัวข้อของวันนี้กันดีกว่า
html/11675.html">เมตาแท็กในรูปแบบ Html
1. ความหมายของเมตาแท็กองค์ประกอบ <meta> ให้ข้อมูลเมตาเกี่ยวกับหน้า เช่น คำอธิบายและคำสำคัญสำหรับเครื่องมือค้นหา และความถี่ในการอัปเดต
แท็ก <meta> อยู่ที่ส่วนหัวของเอกสารและไม่มีเนื้อหา
คุณลักษณะของแท็ก <meta> กำหนดคู่ชื่อ/ค่าที่เกี่ยวข้องกับเอกสาร
2. คุณลักษณะที่ใช้กันทั่วไปในเมตาดาต้า1. ชุดอักขระ (ชุดอักขระ)
คำอธิบาย: ระบุการเข้ารหัสอักขระของเอกสาร HTML
การใช้งาน: <meta charset=UTF-8>
2. วิวพอร์ต (วิวพอร์ต)
คำอธิบาย: เป็นพื้นที่ที่มองเห็นได้ของหน้าเว็บของผู้ใช้ ทุกคนรู้ดีว่าหน้าจอของอุปกรณ์พกพาโดยทั่วไปมีขนาดเล็กกว่าพีซีมาก เบราว์เซอร์ webkit จะจับคู่หน้าต่างเสมือนที่ใหญ่กว่ากับหน้าจอของอุปกรณ์มือถือ โดยค่าเริ่มต้นคือความกว้าง 980 พิกเซล (ความกว้างมาตรฐานปัจจุบันของเว็บไซต์ส่วนใหญ่) ) จากนั้นปรับขนาดตามอัตราส่วนที่กำหนด (3:1 หรือ 2:1)
กล่าวคือ เมื่อเราโหลดหน้าเว็บปกติ webkit จะโหลดหน้าเว็บด้วยเบราว์เซอร์มาตรฐานที่ 980 พิกเซลก่อน แล้วจึงย่อให้เหลือความกว้าง 490 พิกเซล โปรดทราบว่าการลดลงนี้เป็นการลดลงโดยรวม นั่นคือ องค์ประกอบทั้งหมดบนเพจจะลดลง
การใช้งาน:
<meta id=ชื่อวิวพอร์ต=เนื้อหาวิวพอร์ต=ความกว้าง=ความกว้างของอุปกรณ์; ขนาดเริ่มต้น=1.0; ขนาดสูงสุด=1; ผู้ใช้ปรับขนาดได้=no;>
(1)ความกว้าง
width ควบคุมขนาดของวิวพอร์ต ซึ่งโดยปกติจะตั้งค่าเป็นความกว้างของอุปกรณ์เพื่อวัตถุประสงค์ในการปรับเปลี่ยน
(2) ระดับเริ่มต้น
มาตราส่วนเริ่มต้น: อัตราส่วนมาตราส่วนเริ่มต้น นั่นคืออัตราส่วนมาตราส่วนเมื่อโหลดเพจเป็นครั้งแรก
(3) ขนาดสูงสุด
สเกลสูงสุด สเกลสูงสุด นั่นคือระดับสูงสุดของการปรับขนาดที่อนุญาต นี่เป็นค่าทศนิยมที่ระบุตัวคูณสูงสุดของขนาดหน้าเมื่อเปรียบเทียบกับขนาดหน้าจอ
(4) ขนาดขั้นต่ำ
สเกลขั้นต่ำ: สเกลขั้นต่ำที่ผู้ใช้สามารถซูมได้ คล้ายกับการใช้งานในระดับสูงสุด
(5) ผู้ใช้ปรับขนาดได้
ผู้ใช้ปรับขนาดได้ ผู้ใช้ปรับขนาดได้ นั่นคือผู้ใช้สามารถเปลี่ยนระดับการซูมของเพจได้หรือไม่ หากตั้งค่าเป็นใช่ ผู้ใช้จะได้รับอนุญาตให้เปลี่ยนแปลงได้ ไม่เช่นนั้นจะไม่ใช่
3. คำหลัก
คำอธิบาย: รายการคำหลักที่มีให้สำหรับเครื่องมือค้นหา ใช้เครื่องหมายจุลภาคเพื่อแยกคำหลักแต่ละคำ ระบุคำสำคัญที่เครื่องมือค้นหาใช้เพื่อปรับปรุงคุณภาพการค้นหา
การใช้งาน: <ชื่อ Meta=เนื้อหาคำหลัก=คำหลัก 1, คำหลัก 2, คำหลัก 3, คำหลัก 4,…>
4. คำอธิบาย (คำอธิบาย บทนำ)
คำอธิบาย: คำอธิบายใช้เพื่อบอกเครื่องมือค้นหาถึงเนื้อหาหลักของเว็บไซต์ของคุณ
การใช้งาน ：<Meta name=Description Content=你网页的简述>
5. การตรวจจับรูปแบบ (การตรวจจับรูปแบบ)
คำอธิบาย: การตรวจจับรูปแบบใช้เพื่อตรวจจับรูปแบบบางรูปแบบใน html
การใช้งาน: แอตทริบิวต์การตรวจจับรูปแบบของเมตาส่วนใหญ่มีการตั้งค่าต่อไปนี้:
ชื่อเมตา = เนื้อหาการตรวจจับรูปแบบ = โทรศัพท์ = ไม่มี ชื่อเมตา = เนื้อหาการตรวจจับรูปแบบ = อีเมล = ไม่มี ชื่อเมตา = เนื้อหาการตรวจจับรูปแบบ = ที่อยู่ = ไม่ใช่
คุณยังสามารถเขียนต่อเนื่องกันได้: meta name=format-detection content=telephone=no,email=no,adress=no
(1)โทรศัพท์
คุณเขียนสตริงตัวเลขอย่างชัดเจนโดยไม่ต้องเพิ่มรูปแบบลิงก์ แต่ iPhone จะเพิ่มรูปแบบลิงก์ให้กับข้อความของคุณโดยอัตโนมัติ และการคลิกที่หมายเลขจะเป็นการกดหมายเลขโดยอัตโนมัติ! จะลบลิงค์ dial-up นี้ได้อย่างไร? ในเวลานี้เมตาของเราควรจะแสดงพลังเวทย์มนตร์อีกครั้ง รหัสจะเป็นดังนี้:
โทรศัพท์=ไม่มี ปิดใช้งานการแปลงหมายเลขเป็นลิงก์ผ่านสายโทรศัพท์!
phone=yes เปิดใช้งานการแปลงตัวเลขเป็นลิงก์ผ่านสายโทรศัพท์ เพื่อเปิดใช้งานฟังก์ชันการแปลง ไม่จำเป็นต้องเขียนเมตานี้ โดยจะเปิดใช้งานตามค่าเริ่มต้น!
(2)อีเมล
บอกอุปกรณ์ไม่ให้จดจำที่อยู่อีเมลและไม่ส่งโดยอัตโนมัติหลังจากคลิก
email=no ไม่ได้รับอนุญาตให้เป็นที่อยู่อีเมล!
email=yes เปิดใช้งานข้อความและค่าเริ่มต้นเป็นที่อยู่อีเมล ไม่จำเป็นต้องเขียนเมตานี้
(3)ที่อยู่
address=no ห้ามกระโดดไปที่แผนที่!
adress=yes เปิดใช้งานฟังก์ชันการคลิกที่อยู่เพื่อข้ามไปยังแผนที่โดยตรง ซึ่งเปิดใช้งานตามค่าเริ่มต้น!
6. แอปเปิ้ลทัชแบบเต็มหน้าจอ
คำอธิบาย: หลังจากเพิ่มไปยังหน้าจอหลักแล้ว มันจะแสดงแบบเต็มหน้าจอ
การใช้งาน: <meta name=apple-touch-fullscreen content=yes>
7. รองรับ Apple-Mobile-Web-App
คำอธิบาย: ฟังก์ชั่นคือการลบแถบเครื่องมือและแถบเมนูเริ่มต้นของ Apple เนื้อหามีสองค่า ใช่ และ ไม่ใช่ เมื่อเราต้องการแสดงแถบเครื่องมือและแถบเมนู ไม่จำเป็นต้องเพิ่มบรรทัดเมตานี้ ค่าเริ่มต้นคือการแสดง
การใช้งาน: <meta name=apple-mobile-web-app-capable content=yes />
8. แอพ-กำหนดค่า
คำอธิบาย: เก็บบันทึกประวัติและเอฟเฟกต์ภาพเคลื่อนไหว
การใช้งาน: <meta name=App-Config content=fullscreen=yes,useHistoryState=yes,transition=yes/>
9. msapplication-แตะ-ไฮไลต์
คำอธิบาย: คลิกไม่มีไฮไลท์ (ไฮไลท์)
การใช้งาน: <meta name=msapplication-tap-highlight content=no>
ข้างต้นเป็นคำอธิบายโดยละเอียดของเมตาแท็กและการใช้งาน HTML ที่โปรแกรมแก้ไขแนะนำ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วโปรแกรมแก้ไขจะตอบกลับคุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!