แบ่งปันแท็กส่วนบุคคลที่ไม่ค่อยมีใครรู้จักในรูปแบบ HTML

เรารู้ว่า HTML เป็นภาษามาร์กอัปธรรมดา มีการพูดถึงความรู้พื้นฐานบางอย่างและแทบทุกอย่างที่ต้องพูดก็ไม่มีใครสนใจว่ามีอะไรใหม่เกี่ยวกับ HTML จริงๆ แล้วบางทีเราอาจจะคุ้นเคยเท่านั้น แท็กทั่วไปใน HTML แต่คุณอาจไม่คุ้นเคยหรือใช้แท็กพิเศษบางแท็ก แต่บางทีคุณอาจจะชอบแท็กเหล่านั้นจริงๆ

1. แท็ก optgroup - จัดกลุ่มตัวเลือกในองค์ประกอบที่เลือกตามตรรกะ

มีพวกเราเพียงไม่กี่คนที่ใส่ใจกับองค์ประกอบนี้ และมีเพียงไม่กี่คนที่รู้ว่าฟังก์ชันขององค์ประกอบนี้คืออะไร ที่จริงแล้ว องค์ประกอบนี้มักจะใช้ในองค์ประกอบที่เลือก และหน้าที่ของมันคือการจัดกลุ่มตัวเลือกในองค์ประกอบที่เลือกอย่างมีเหตุผล ที่จริงแล้ว เราอาจใช้องค์ประกอบนี้ในหลายโอกาส ตัวอย่างเช่น เมื่อเราดำเนินการสำรวจอัตลักษณ์ของผู้เยี่ยมชมเว็บ เรามักจะขอให้พวกเขากรอกข้อมูล ตัวอย่างเช่น คุณอาจอาศัยอยู่ในมณฑลเจียงซู หรือมณฑลซานตง หากคุณอาศัยอยู่ในจังหวัดอื่น มีเมืองอยู่ภายใต้จังหวัดเหล่านี้ ดังนั้น คุณต้องจัดกลุ่มเมืองเหล่านี้เป็นจังหวัดของตน โดยปกติเราจะเขียนโค้ดดังนี้:

<เลือก>
<ตัวเลือกที่เลือก>เมืองของคุณ</option>
<ตัวเลือก>---มณฑลซานตง---</option>
<option>เมืองจี่หนาน</option>
<option>เมืองไหลโจว</option>
<ตัวเลือก>……</ตัวเลือก>
<option>---มณฑลอันฮุย---</option>
<option>เมืองเหอเฟย</option>
<ตัวเลือก>……</ตัวเลือก>
<ตัวเลือก>---มณฑลเจียงซู---</option>
<option>เมืองหนานจิง</option>
<ตัวเลือก>……</ตัวเลือก>
</เลือก>

ผลลัพธ์คือ: เมืองของคุณ --- มณฑลซานตง --- เมืองจี่หนาน เมืองไหลโจว - --- มณฑลอันฮุย --- เมืองเหอเฟย - --- มณฑลเจียงซู --- เมืองหนานจิง -

จริงๆ แล้ววิธีนี้เป็นวิธีที่หยาบมาก หากเราใช้องค์ประกอบ optgroup เราจะได้ผลลัพธ์ที่แตกต่างกัน:

<เลือก>
<ตัวเลือกที่เลือก>เมืองของคุณ</option>
<optgroup label="มณฑลซานตง">
<option>เมืองจี่หนาน</option>
<option>เมืองไหลโจว</option>
</เลือกกลุ่ม>
<optgroup label="มณฑลอันฮุย">
<option>เมืองเหอเฟย</option>
<ตัวเลือก>……</ตัวเลือก>
</เลือกกลุ่ม>
<optgroup label="มณฑลเจียงซู">
<option>เมืองหนานจิง</option>
<ตัวเลือก>……</ตัวเลือก>
</เลือกกลุ่ม>
</เลือก>

ผลลัพธ์คือ: เมืองของคุณ เมืองจี่หนาน เมืองไหลโจว เมืองเหอเฟย - เมืองหนานจิง -

วิธีนี้ดีกว่าไหม?

2. แท็กย่อยและแท็ก sup - การตั้งค่าตัวยกและตัวห้อยสำหรับวัตถุข้อความ

แท็กย่อยเป็นองค์ประกอบแบบอินไลน์ซึ่งมีฟังก์ชันแสดงข้อความที่รวมไว้เป็นตัวห้อย ซึ่งเล็กกว่าแบบอักษรปัจจุบันเล็กน้อย องค์ประกอบนี้มีอยู่ใน HTML จาก Internet Explorer 3.0 ขึ้นไป และในสคริปต์จาก Internet Explorer 4.0 ขึ้นไป องค์ประกอบนี้ต้องมีแท็กปิด

ตัวอย่างทั่วไปคือ เมื่อแก้ไขสูตรทางคณิตศาสตร์ เราจำเป็นต้องตั้งค่าตัวยกและตัวห้อยของตัวแปร ตัวอย่างมีดังนี้:

X<ย่อย>2</sub>
X²

ผลลัพธ์คือ:

เอ็กซ์ ₂

เอ็กซ์ ²

สามารถใช้แสดงความคิดเห็นร่วมกับแท็กอื่นๆ ได้ เช่น

เหมา เจ๋อตุง_{<em>หมายเหตุ: ผู้นำที่ยิ่งใหญ่ นักปฏิวัติ นักยุทธศาสตร์ทางการทหาร และนักคิด</em>}

ผลลัพธ์คือ:

_{หมายเหตุเกี่ยวกับเหมาเจ๋อตง: ผู้นำที่ยิ่งใหญ่ นักปฏิวัติ นักยุทธศาสตร์การทหาร และนักคิด}

3. แท็ก bdo - ปิดใช้งานกฎแบบสองทิศทางสำหรับส่วนของข้อความที่เลือก

ลองดูตัวอย่างง่ายๆ ก่อน:

<bdo dir="ltr">ฉันรักคุณมาก</bdo>

<bdo dir="rtl">ความรักของคุณไม่ใช่ของฉัน</bdo>

หมายเหตุ: เมื่อใช้แท็ก bod คุณต้องใช้แอตทริบิวต์ dir tag ltr หมายถึงลำดับการจัดเรียงจากซ้ายไปขวา และ rtl หมายถึงลำดับการจัดเรียงจากขวาไปซ้าย

ผลลัพธ์ที่แสดงคือ:

ฉันรักคุณมาก

คุณรักฉันมาก

เราเห็นว่าการเรียงลำดับข้อความที่แตกต่างกันกลายเป็นผลลัพธ์การแสดงผลเดียวกันหลังจากถูกกำหนดโดย bdo นี่คือบทบาทของ bdo อัลกอริธึมแบบสองทิศทาง Unicode จะกลับลำดับอักขระที่ฝังไว้โดยอัตโนมัติตามคุณสมบัติทิศทาง เช่น ทิศทางพื้นฐานของเอกสารภาษาอังกฤษจะเรียงจากซ้ายไปขวา (ltr) หากส่วนหนึ่งของเอกสารมีภาษาที่อ่านจากขวาไปซ้าย (rtl) คุณสามารถใช้อัลกอริทึมแบบสองทิศทางเพื่อกลับทิศทางของภาษาได้ อัลกอริทึมแบบสองทิศทางและแอตทริบิวต์แท็ก DIR มักจะเพียงพอที่จะรองรับการเปลี่ยนแปลงในทิศทางการฝัง อย่างไรก็ตาม เมื่อคุณส่งข้อความที่จัดรูปแบบไปยังอัลกอริทึมแบบสองทิศทาง ข้อผิดพลาดอาจเกิดขึ้น ตัวอย่างเช่น ส่วนข้อความที่ประกอบด้วยภาษาอังกฤษและฮิบรูที่จัดรูปแบบในอีเมลจะถูกแปลงอย่างไม่ถูกต้องโดยอัลกอริทึมแบบสองทิศทาง เนื่องจากลำดับการอ่านข้อความภาษาฮิบรูได้ถูกแปลงเป็นรูปแบบอีเมลแล้ว การใช้อัลกอริธึมแบบสองทิศทางจะทำให้ข้อความถูกแปลงอีกครั้ง องค์ประกอบ bdo จะปิดอัลกอริทึมแบบสองทิศทางและควบคุมลำดับการอ่าน เมื่อคุณใช้องค์ประกอบ bdo คุณต้องใช้แอตทริบิวต์แท็ก dir