เมื่อเราใช้แท็ก HTML เราต้องรู้อย่างชัดเจนว่านอกจากจะมีความหมายบางอย่างแล้ว แท็กยังมีสไตล์เริ่มต้นด้วย เช่น <b> (ตัวหนา), <em> (ตัวเอียง) เป็นต้น ผ่านแท็กเหล่านี้ เราสามารถใช้แท็กเหล่านี้ได้โดยไม่ต้อง หันไปใช้ CSS กำหนดสไตล์สำหรับเนื้อหาบนหน้าเว็บ แท็กเหล่านี้จำนวนมากที่มีความหมายและรูปแบบเริ่มต้นมีไว้สำหรับข้อความ เราสามารถจัดรูปแบบข้อความ (เพิ่มสไตล์ให้กับข้อความ) โดยใช้แท็กเหล่านี้ เช่น ทำให้ข้อความ เป็นตัวหนา ตัวเอียง หรือ ขีดเส้นใต้
รูปแบบข้อความ HTML คืออะไร?
ตัวอย่าง:
(1)<b> ข้อความตัวหนา </b>
(2) <i> ข้อความตัวเอียง </i>
(3) <code>เอาต์พุตอัตโนมัติของคอมพิวเตอร์</code>
(4) นี่คือ <sub>ตัวห้อย</sub> และ <sup>ตัวยก</sup>
สี่แท็กข้างต้นคือแท็กที่เรามักใช้ ต่อไปนี้เป็นแท็กจำนวนมากที่ใช้ในการจัดรูปแบบข้อความใน HTML เพื่อให้คุณสามารถค้นหาและบันทึกได้ในอนาคต:
ตามฟังก์ชันต่างๆ แท็กข้อความที่จัดรูปแบบเหล่านี้สามารถแบ่งได้เป็น 2 ประเภทตามความหมายและฟังก์ชันของข้อความ:
(1) แท็กทางกายภาพ: แท็กเหล่านี้ใช้เพื่อกำหนดลักษณะที่ปรากฏของข้อความ
(2) แท็กแบบลอจิคัล: แท็กประเภทนี้ใช้เพื่อให้ข้อความมีค่าตรรกะหรือความหมายบางอย่าง
ดังที่เห็นได้จากตารางด้านบน แท็กบางแท็กมีลักษณะพิเศษในการนำเสนอเหมือนกัน แต่ความหมายต่างกัน เช่น แท็ก <strong> และ <b> แท็ก <em> และ <i> ซึ่งจะแนะนำโดยละเอียดด้านล่าง
● ความแตกต่างระหว่างแท็ก <strong> และ <b>
ประเด็นที่คล้ายกัน: b และ strong ทั้งคู่ทำให้แบบอักษรเป็นตัวหนา
ความแตกต่างที่หนึ่ง:
แต่ strong มีซีแมนทิกส์ที่เข้มกว่า ซึ่งดีกว่าสำหรับการเพิ่มประสิทธิภาพการค้นหา และช่วยให้ทราบเอฟเฟกต์เชิงความหมายของเนื้อหาของคุณ b เพียงเน้นเอฟเฟกต์ภาพ แต่ไม่มีประโยชน์ในเชิงความหมาย
ความแตกต่างที่สอง:
Strong คือแท็กของ xhtml ในมาตรฐานเว็บ และ strong หมายถึง "เน้น"; b คือของ html และ b หมายถึงตัวหนา (ตัวหนา)
เพื่อให้เป็นไปตามมาตรฐาน W3C ในปัจจุบัน ขอแนะนำให้ใช้แท็กที่รัดกุม
●ความแตกต่างระหว่างแท็ก <em> และ <i>
ข้อแตกต่างหลัก: <em> เป็นรูปแบบตามเนื้อหา และ <i> เป็นสไตล์ตามฟิสิกส์
<i> เป็นองค์ประกอบภาพ (องค์ประกอบการนำเสนอ) ซึ่งหมายถึงตัวเอียงที่ไม่มีความหมายและไม่มีความหมายตามลำดับ เพียงแต่หมายความว่าสไตล์นั้นเป็นตัวหนาหรือตัวเอียง แต่ไม่มีความหมายที่เน้นย้ำทั้งสองแท็กนี้จะไม่รวมอยู่ใน HTML4.01 หากต้องการใช้ขอแนะนำให้ใช้สไตล์ CSS
< em > เป็นองค์ประกอบวลี < em > (ข้อความเน้น) หมายถึงข้อความเน้นทั่วไป และแท็กนี้มีความหมายเชิงความหมาย เนื้อหาในแท็กนี้มีคุณค่ามากกว่าในเครื่องมือค้นหา และโปรแกรมอ่านเสียงบางส่วนจะเพิ่มโทนเสียงเมื่ออ่านตามเนื้อหานั้น