การสร้างส่วนออกแบบบนหน้าเว็บของคุณ
หัวเรื่องเป็นวิธีที่มีประโยชน์ในการจัดระเบียบข้อความสร้างหน่วยงานที่เป็นประโยชน์และเพิ่มประสิทธิภาพหน้าเว็บสำหรับเครื่องมือค้นหา คุณสามารถสร้างส่วนหัวโดยใช้แท็กหัวเรื่อง HTML ได้อย่างง่ายดาย นอกจากนี้คุณยังสามารถเปลี่ยนรูปลักษณ์ของข้อความด้วยแท็กตัวเอียงและตัวเอียง
หัวเรื่อง
แท็กหัวเรื่องเป็นวิธีที่ง่ายที่สุดในการแบ่งเอกสารของคุณ ถ้าคุณคิดว่าเว็บไซต์ของคุณเป็นหนังสือพิมพ์แล้วส่วนหัวเป็นหัวข้อข่าวในหนังสือพิมพ์ หัวเรื่องหลักคือ h1 และส่วนหัวต่อมาคือ h2 ถึง h6
ใช้รหัสต่อไปนี้เพื่อสร้าง HTML
นี่คือหัวเรื่อง 1 h1> นี่คือหัวเรื่อง 2 h2> นี่คือหัวเรื่อง 3 h3> นี่คือหัวเรื่อง 4 h4> This is Heading 5 h5> นี่คือหัวเรื่อง 6 h6> เคล็ดลับการจำ
- พยายามเก็บหัวเรื่องของคุณตามลำดับตรรกะ h1 มาก่อน h2 ซึ่งมาก่อน h3 เป็นต้น
- อย่ากังวลมากเกินไปเกี่ยวกับลักษณะหัวเรื่อง - คุณควรใช้ CSS เป็น หัวเรื่องพาดหัวข่าว แทนการใช้บรรทัดแรกในการสั่งซื้อ
- แท็กบรรทัดแรกเป็น องค์ประกอบระดับบล็อค ดังนั้นพวกเขาจึงใส่บรรทัดตัวให้สำหรับคุณ อย่าใส่แท็ก P ภายในหัวเรื่องแท็ก
ตัวหนาและตัวเอียง
นี่คือหัวเรื่อง 3 h3> นี่คือหัวเรื่อง 4 h4> This is Heading 5 h5> นี่คือหัวเรื่อง 6 h6> เคล็ดลับการจำ
- พยายามเก็บหัวเรื่องของคุณตามลำดับตรรกะ h1 มาก่อน h2 ซึ่งมาก่อน h3 เป็นต้น
- อย่ากังวลมากเกินไปเกี่ยวกับลักษณะหัวเรื่อง - คุณควรใช้ CSS เป็น หัวเรื่องพาดหัวข่าว แทนการใช้บรรทัดแรกในการสั่งซื้อ
- แท็กบรรทัดแรกเป็น องค์ประกอบระดับบล็อค ดังนั้นพวกเขาจึงใส่บรรทัดตัวให้สำหรับคุณ อย่าใส่แท็ก P ภายในหัวเรื่องแท็ก
ตัวหนาและตัวเอียง
This is Heading 5 h5> นี่คือหัวเรื่อง 6 h6> เคล็ดลับการจำ
- พยายามเก็บหัวเรื่องของคุณตามลำดับตรรกะ h1 มาก่อน h2 ซึ่งมาก่อน h3 เป็นต้น
- อย่ากังวลมากเกินไปเกี่ยวกับลักษณะหัวเรื่อง - คุณควรใช้ CSS เป็น หัวเรื่องพาดหัวข่าว แทนการใช้บรรทัดแรกในการสั่งซื้อ
- แท็กบรรทัดแรกเป็น องค์ประกอบระดับบล็อค ดังนั้นพวกเขาจึงใส่บรรทัดตัวให้สำหรับคุณ อย่าใส่แท็ก P ภายในหัวเรื่องแท็ก
ตัวหนาและตัวเอียง
เคล็ดลับการจำ
- พยายามเก็บหัวเรื่องของคุณตามลำดับตรรกะ h1 มาก่อน h2 ซึ่งมาก่อน h3 เป็นต้น
- อย่ากังวลมากเกินไปเกี่ยวกับลักษณะหัวเรื่อง - คุณควรใช้ CSS เป็น หัวเรื่องพาดหัวข่าว แทนการใช้บรรทัดแรกในการสั่งซื้อ
- แท็กบรรทัดแรกเป็น องค์ประกอบระดับบล็อค ดังนั้นพวกเขาจึงใส่บรรทัดตัวให้สำหรับคุณ อย่าใส่แท็ก P ภายในหัวเรื่องแท็ก
ตัวหนาและตัวเอียง
มีแท็กสี่แท็กที่คุณสามารถใช้เป็นตัวหนาและตัวเอียง:
- และ สำหรับตัวหนา
- และ สำหรับตัวเอียง
ไม่สำคัญว่าคุณจะใช้อะไร ในขณะที่บางคนชอบ และ แต่หลาย ๆ คนพบว่า สำหรับ "ตัวหนา" และ
เพียงแค่ล้อมรอบข้อความของคุณด้วยการเปิดและปิดแท็กเพื่อทำให้ข้อความเป็น ตัวหนา หรือ ตัวเอียง:
ตัวหนา b> ตัวเอียง i>คุณสามารถวางแท็กเหล่านี้ได้ (ซึ่งหมายความว่าคุณสามารถสร้างข้อความทั้งตัวหนาและตัวเอียงได้) และไม่สำคัญว่าจะเป็นแท็กด้านนอกหรือด้านใน
ตัวอย่างเช่น:
ข้อความนี้เป็นตัวหนา
ข้อความนี้เป็นตัวหนา strong>ข้อความนี้เป็นตัวเอียง
ข้อความนี้เป็นตัวเอียง em>ข้อความนี้มีทั้งตัวหนาและตัวเอียง
ข้อความนี้มีทั้งตัวหนาและตัวเอียง em> strong>เหตุใดจึงมีแท็กตัวหนาและตัวเอียงสองชุด
ใน HTML4 แท็ก และ ถือว่าเป็นแท็กสไตล์ที่มีผลต่อรูปลักษณ์ของข้อความเท่านั้นและไม่ได้กล่าวถึงเนื้อหาของแท็กและถือเป็นรูปแบบที่ไม่ดีในการใช้ จากนั้นด้วย HTML5 พวกเขาได้รับความหมายทางความหมายภายนอกรูปลักษณ์ของข้อความ
ใน HTML5 แท็กเหล่านี้มีความหมายเฉพาะ:
- หมายถึงข้อความที่ไม่มีความสำคัญมากกว่าข้อความที่อยู่โดยรอบ แต่งานนำเสนอแบบพิมพ์ทั่วไปคือข้อความที่เป็นตัวหนาเช่นคำหลักในเอกสารนามธรรมหรือชื่อผลิตภัณฑ์ในการตรวจทาน
- หมายถึงข้อความที่ไม่มีความสำคัญมากกว่าข้อความที่อยู่โดยรอบ แต่ข้อความนำเสนอแบบทั่วไปคือข้อความตัวเอียงเช่นชื่อหนังสือคำศัพท์ทางเทคนิคหรือวลีในภาษาอื่น
- แสดงข้อความที่มีความสำคัญมากเมื่อเทียบกับข้อความโดยรอบ
- หมายถึงข้อความที่มีความเครียดที่เด่นชัดเมื่อเทียบกับข้อความโดยรอบ