วันนี้ฉันจะได้พบกับแท็ก HTML สองแท็กที่ฉันไม่ได้ใช้บ่อยมาก: แท็กย่อยและแท็ก SUP
บทความที่เกี่ยวข้อง: แท็ก HTML: OptGroup, Sub, SUP และ BDO
วันนี้ฉันจะได้พบกับแท็ก HTML สองแท็กที่ฉันไม่ได้ใช้บ่อยมาก: แท็กย่อยและแท็ก SUP
คำจำกัดความและการใช้งาน:แท็ก <ub> สามารถกำหนดข้อความตัวห้อย <sup> สามารถกำหนดข้อความตัวยก ทั้งหมดอยู่ในองค์ประกอบในบรรทัดและโดยค่าเริ่มต้นพวกเขาจะเล็กกว่าตัวอักษรปัจจุบันเล็กน้อย
ตัวอย่าง:<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
<html xmlns = http: //www.w3.org/1999/xhtml>
<head>
<meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = gb2312 />
<title> แท็กย่อยและ SUP ใน HTML </title>
<style type = text/css>
* {ตัวอักษรขนาด: 12px; Font-Family: Tahoma}
</style>
</head>
<body>
<div>
แท็กนี้คือ <ub> sub </sub>
แท็กนี้คือ <sup> sup </sup>
</div>
</body>
</html>
เรียนรู้โดยการเปรียบเทียบ:ลองมาดูกันว่าเอฟเฟกต์ของสมการทางคณิตศาสตร์นี้ทำได้อย่างไร
<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
<html xmlns = http: //www.w3.org/1999/xhtml>
<head>
<meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = gb2312 />
<title> แท็กย่อยและ SUP ใน HTML </title>
<style type = text/css>
* {ตัวอักษรขนาด: 12px; Font-Family: Tahoma}
</style>
</head>
<body>
<div>
x <ub> 1 </ub> y <ub> 2 </ub> <sup> 3 </sup> = 15
</div>
</body>
</html>
แอปพลิเคชันอื่น ๆ :โดยบังเอิญฉันพบว่า Taobao ได้ทำการปรับเปลี่ยนราคาเมื่อไม่นานมานี้ (ฉันไม่รู้ว่าทำไม แต่ตอนนี้มันได้รับการฟื้นฟู) ซึ่งแตกต่างจากประสิทธิภาพของราคาดั้งเดิมมาก่อน
<! doctype html สาธารณะ -// w3c // dtd xhtml 1.0 transitional // en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
<html xmlns = http: //www.w3.org/1999/xhtml>
<head>
<meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = gb2312 />
<title> แท็กย่อยและ SUP ใน HTML </title>>
</head>
<style type = text/css>
-
ร่างกาย {ฟอนต์: 12px/1.8 tahoma}
Span.price {Font-Family: Arial, Helvetica, Sans-Serif; ขนาดตัวอักษร: 16px; Font-Weight: 700; สี: สีแดง;}
span.price sub {แนวตั้ง-แนว: baseline; ขนาดตัวอักษร: 12px;}
span.price sup {แนวตั้ง-แนว: ข้อความด้านล่าง; สี:#555}
-
</style>
<body>
<span class = ราคา> <sup> ¥ </sup> 43. <ub> 26 </sub> </span>
</body>
</html>
ฉันเชื่อว่าแอปพลิเคชันของแท็กย่อยและ SUP ไม่ได้ จำกัด อยู่ที่สิ่งนี้ แต่สิ่งเดียวกันนี้เป็นจริงสำหรับแท็ก HTML อื่น ๆ ตราบใดที่คุณเข้าใจพวกเขาและกระตุ้นความคิดและจินตนาการของเราคุณสามารถใช้พวกเขาได้อย่างเชี่ยวชาญและแสดงเสน่ห์ที่เป็นเอกลักษณ์ของพวกเขา