เรารู้ว่า HTML เป็นภาษามาร์กอัปธรรมดา มีการพูดถึงความรู้พื้นฐานบางอย่างและแทบทุกอย่างที่ต้องพูดก็ไม่มีใครสนใจว่ามีอะไรใหม่เกี่ยวกับ HTML จริงๆ แล้วบางทีเราอาจจะคุ้นเคยเท่านั้น แท็กทั่วไปใน HTML แต่คุณอาจไม่คุ้นเคยหรือใช้แท็กพิเศษบางแท็ก แต่บางทีคุณอาจจะชอบแท็กเหล่านั้นจริงๆ
1. แท็ก Optgroup - จัดกลุ่มตัวเลือกในองค์ประกอบที่เลือกตามตรรกะ
มีเพียงไม่กี่คนที่ใส่ใจกับองค์ประกอบนี้ และน้อยคนที่รู้ว่าฟังก์ชันขององค์ประกอบนี้คืออะไร คือตัวเลือกการจัดกลุ่มตามตรรกะภายในองค์ประกอบที่เลือก ที่จริงแล้ว เราอาจใช้องค์ประกอบนี้ในหลายโอกาส ตัวอย่างเช่น เมื่อเราดำเนินการสำรวจอัตลักษณ์ของผู้เยี่ยมชมเว็บ เรามักจะขอให้พวกเขากรอกข้อมูล ตัวอย่างเช่น คุณอาจอาศัยอยู่ในมณฑลเจียงซู หรือมณฑลซานตง หากคุณอาศัยอยู่ในจังหวัดอื่น มีเมืองอยู่ภายใต้จังหวัดเหล่านี้ ดังนั้น คุณต้องจัดกลุ่มเมืองเหล่านี้เป็นจังหวัดของตน โดยปกติเราจะเขียนโค้ดดังนี้:
<select>
<ตัวเลือกที่เลือก>เมืองของคุณ</option>
<ตัวเลือก>---มณฑลซานตง---</option>
<option>เมืองจี่หนาน</option>
<option>เมืองไหลโจว</option>
<ตัวเลือก>……</ตัวเลือก>
<option>---มณฑลอานฮุย---</option>
<option>เมืองเหอเฟย</option>
<ตัวเลือก>……</ตัวเลือก>
<ตัวเลือก>---มณฑลเจียงซู---</option>
<option>เมืองหนานจิง</option>
<ตัวเลือก>……</ตัวเลือก>
</select>
ผลลัพธ์จะเป็นดังนี้:
อันที่จริง วิธีการนี้หยาบมาก หากเราใช้องค์ประกอบ optgroup เราจะได้เอฟเฟกต์ที่แตกต่างกัน:
<select>
<ตัวเลือกที่เลือก>เมืองของคุณ</option>
<optgroup label="มณฑลซานตง">
<option>เมืองจี่หนาน</option>
<option>เมืองไหลโจว</option>
</เลือกกลุ่ม>
<optgroup label="มณฑลอานฮุย">
<option>เมืองเหอเฟย</option>
<ตัวเลือก>……</ตัวเลือก>
</เลือกกลุ่ม>
<optgroup label="มณฑลเจียงซู">
<option>เมืองหนานจิง</option>
<ตัวเลือก>……</ตัวเลือก>
</เลือกกลุ่ม>
</select>
ผลลัพธ์จะเป็นดังนี้:
วิธีนี้ดีกว่าไหม?
2. แท็กย่อยและแท็ก sup - การตั้งค่าตัวยกและตัวห้อยสำหรับวัตถุข้อความ
แท็กย่อยเป็นองค์ประกอบแบบอินไลน์ หน้าที่ของมันคือ: ข้อความที่รวมไว้ควรแสดงในรูปแบบของตัวห้อยซึ่งเล็กกว่าแบบอักษรปัจจุบันเล็กน้อย องค์ประกอบนี้พร้อมใช้งานในรูปแบบ HTML จาก Internet Explorer 3.0 ขึ้นไป และในสคริปต์จาก Internet Explorer 4.0 ขึ้นไป องค์ประกอบนี้ต้องมีแท็กปิด
ตัวอย่างทั่วไปคือ เมื่อแก้ไขสูตรทางคณิตศาสตร์ เราจำเป็นต้องตั้งค่าตัวยกและตัวห้อยของตัวแปร ตัวอย่างมีดังนี้:
X<sub>2</sub>
ผลของ
X<sup>2</sup>
เป็น
ดังนี้
:X
2
</em></sub>เอฟเฟกต์เป็นเช่นนี้
หมายเหตุของเหมา เจ๋อตง: ผู้นำที่ยิ่งใหญ่ นักปฏิวัติ นักยุทธศาสตร์ทางทหาร และนักคิด
3. bdo mark - ปิดการใช้งานกฎสองทางสำหรับส่วนของข้อความที่เลือก
มาดูตัวอย่างง่ายๆ ก่อน:
<bdo dir="ltr">ฉันรักคุณมาก</bdo>
<bdo dir="rtl">คุณรักฉันมาก </bdo>
หมายเหตุ: เมื่อใช้แท็ก bod คุณต้องใช้แอตทริบิวต์ dir tag ltr หมายถึงลำดับการจัดเรียงจากซ้ายไปขวา rtl หมายถึงลำดับการจัดเรียงจากขวาไปซ้าย
ผลลัพธ์ที่แสดงคือ:
ฉันรักคุณมาก
คุณรักฉันมาก
เราจะเห็นว่าการเรียงลำดับข้อความที่แตกต่างกันกลายเป็นผลลัพธ์การแสดงผลเดียวกันหลังจากถูกกำหนดโดย bdo อัลกอริธึมแบบสองทิศทาง Unicode จะกลับลำดับอักขระที่ฝังไว้โดยอัตโนมัติตามคุณสมบัติทิศทาง เช่น ทิศทางพื้นฐานของเอกสารภาษาอังกฤษจะเรียงจากซ้ายไปขวา (ltr) หากส่วนหนึ่งของเอกสารมีภาษาที่อ่านจากขวาไปซ้าย (rtl) คุณสามารถใช้อัลกอริทึมแบบสองทิศทางเพื่อกลับทิศทางของภาษาได้ อัลกอริทึมแบบสองทิศทางและแอตทริบิวต์แท็ก DIR มักจะเพียงพอที่จะรองรับการเปลี่ยนแปลงในทิศทางการฝัง อย่างไรก็ตาม เมื่อคุณส่งข้อความที่จัดรูปแบบไปยังอัลกอริทึมแบบสองทิศทาง ข้อผิดพลาดอาจเกิดขึ้น ตัวอย่างเช่น ส่วนข้อความที่ประกอบด้วยภาษาอังกฤษและภาษาฮิบรูที่จัดรูปแบบในอีเมลจะถูกแปลงอย่างไม่ถูกต้องโดยอัลกอริทึมแบบสองทิศทาง เนื่องจากลำดับการอ่านข้อความภาษาฮิบรูได้ถูกแปลงเป็นรูปแบบอีเมลแล้ว การใช้อัลกอริธึมแบบสองทิศทางจะทำให้ข้อความถูกแปลงอีกครั้ง องค์ประกอบ bdo จะปิดอัลกอริทึมแบบสองทิศทางและควบคุมลำดับการอ่าน เมื่อคุณใช้องค์ประกอบ bdo คุณต้องใช้แอตทริบิวต์แท็ก dir
ผู้แต่ง: ปีวอก ม้า และดวงจันทร์ ที่มา: Tianji.com