คำถามนี้เกิดขึ้นในหนึ่งในชั้นเรียนวิทยาลัยของฉัน อาจารย์เพียง แต่ให้คำตอบว่ามันเป็นอธิบายเพิ่มเติม แต่มันดูเหมือนกับว่า<b>และ<i>ค่อนข้างชัดเจนในความหมายของพวกเขาและง่ายต่อการพิมพ์กว่าและ<strong><em>

อะไรคือข้อโต้แย้งอย่างเป็นทางการสำหรับการคัดค้านแท็กเหล่านี้

ฤดูร้อนปีที่แล้วฉันอ่านข้อกำหนด HTML5 ที่สมบูรณ์และข้อกำหนด HTML ก่อนหน้านี้ทุกตัว (แม้แต่รายการที่ถูกละทิ้ง) และรายละเอียด CSS ทั้งหมดที่ฉันสามารถหาได้และข้อกำหนด XML จำนวนมาก เนื่องจากฉันชอบเอกสารไฮเปอร์เท็กซ์ที่อุดมไปด้วยความหมายฉันขอเสนอแนวคิดเบื้องหลังความหมาย HTML ที่เกี่ยวข้องใน HTML5

ก่อน HTML5

ก่อนที่จะ HTML5 iและbเป็นจริงจากแฟชั่น เหตุผลก็คือพวกเขาทำงานเหมือนemและstrongตามลำดับ แต่ให้ความสำคัญกับการนำเสนอไม่ใช่ความหมาย (ซึ่งไม่ดี)

อันที่จริงiหมายความว่าข้อความควรเป็นตัวเอียง (มันพูดอะไรเกี่ยวกับวิธีการแสดงข้อความบนหน้าจอ) ในทางตรงกันข้ามemหมายความว่าข้อความจะต้องเน้น (มันพูดอะไรบางอย่างเกี่ยวกับความหมายของข้อความ)

มีความแตกต่างทางทฤษฎีที่สำคัญที่นี่ หากคุณใช้emเอเจนต์ผู้ใช้ (= เบราว์เซอร์) จะรู้ว่าควรเน้นข้อความดังนั้นจึงสามารถแสดงเป็นตัวเอียงหากเอกสารปรากฏบนหน้าจอ (หรือตัวพิมพ์ใหญ่ทั้งหมดหากไม่สามารถทำการจัดรูปแบบหรืออาจเป็นตัวหนา) ผู้ใช้ต้องการสิ่งนั้น) สามารถออกเสียงได้แตกต่างกันหากเอกสารถูกพูดกับผู้ใช้ ฯลฯ

ขอให้สังเกตว่าการเน้นถึงความหมายจริงๆ ตัวอย่างเช่นวลี

• แมวเป็นของฉัน (= ไม่ใช่สุนัข!)
• แมวเป็นเหมือง (= ไม่ใช่ของคุณ!)

ไม่มีความหมายเหมือนกัน

ความแตกต่างเดียวกันนี้ใช้กับb(แบบอักษรตัวหนา) และstrong(เน้นมาก)

หลักการทั่วไปของการเขียนดิจิทัลโดยทั่วไปและโดยเฉพาะอย่างยิ่งการเขียนไฮเปอร์เท็กซ์คือคุณควรแยกเนื้อหาและสไตล์ ในการเขียนไฮเปอร์เท็กซ์หมายความว่าเนื้อหาควรอยู่ในไฟล์ HTML และสไตล์ควรอยู่ในไฟล์ CSS (หรือไฟล์ CSS จำนวนหนึ่ง) หลักการที่แตกต่าง แต่มีความเกี่ยวข้องคือเอกสารควรอุดมไปด้วยความหมาย (เช่นการทำเครื่องหมายส่วนหัวท้ายกระดาษรายการเน้นที่อยู่พื้นที่นำทาง ฯลฯ ) สิ่งนี้มีข้อดีหลายประการ:

• มันง่ายกว่าสำหรับโปรแกรมคอมพิวเตอร์ในการแปลเอกสาร โปรแกรมเหล่านี้รวมถึงเบราว์เซอร์แอปพลิเคชั่นแปลงข้อความเป็นคำพูดเครื่องมือค้นหาและผู้ช่วยดิจิทัล (ตัวอย่างเช่นเบราว์เซอร์สามารถให้คุณบันทึกที่อยู่ลงในสมุดที่อยู่ของคุณหากสามารถค้นหาและตีความได้เท่านั้นนอกจากนี้คุณอาจทราบว่า Microsoft Word สามารถสร้างและอัปเดต TOC ให้คุณโดยอัตโนมัติหากคุณทำเครื่องหมายส่วนหัวของคุณอย่างถูกต้อง .)
• มันง่ายกว่าที่จะเปลี่ยนสไตล์ในภายหลัง (ถ้าคุณต้องการเปลี่ยนสีของส่วนหัวระดับที่สามทั้งหมดของคุณในเอกสาร 860 หน้าคุณสามารถเปลี่ยนบรรทัดเดียวในสไตล์ชีทได้หากคุณมีเนื้อหาและการนำเสนอที่หลากหลายคุณจะต้องผ่านเอกสารทั้งหมดด้วยตนเอง และคุณอาจพลาดหัวข้อหนึ่งหรือสองเรื่องทำให้เอกสารดูไม่เป็นมืออาชีพ)
• คุณสามารถใช้สไตล์ชีตที่แตกต่างกันขึ้นอยู่กับสถานการณ์ (เอกสารแสดงบนหน้าจอหรือพิมพ์บนกระดาษหรือไม่) คุณสามารถปล่อยให้ผู้ใช้เลือกสไตล์ของตัวเองได้ (เว็บไซต์ของฉันมีสไตล์ชีทสำรองจำนวนมากใน IE และ FF คุณเปลี่ยนสิ่งเหล่านี้โดยใช้เมนูมุมมอง)

ดังนั้นในระยะสั้นiและbถูกคัดค้านเนื่องจากเป็นแท็ก HTML ที่เกี่ยวข้องกับการนำเสนอซึ่งผิดทั้งหมด

ใน HTML5

ใน HTML5 iและbไม่เลิกใช้แล้ว แต่พวกเขาจะให้ความหมาย sematic ดังนั้นตอนนี้พวกเขาเป็นจริงเกี่ยวกับความหมายและไม่เกี่ยวกับการนำเสนอ

ก่อนหน้านี้คุณใช้emเพื่อเน้นความสำคัญ: "แมวเป็นของฉัน" แต่คุณใช้iสำหรับกรณีอื่นเกือบทั้งหมดที่คุณจะใช้ตัวเอียงในงานพิมพ์ ตัวอย่างเช่น

• คุณใช้iเพื่อทำเครื่องหมายอนุกรมวิธาน: "ฉันชอบR. norvegicus "
• คุณใช้iเพื่อทำเครื่องหมายวลีในภาษาอื่นเมื่อเทียบกับข้อความโดยรอบ: À la carte
• คุณใช้iเพื่อทำเครื่องหมายคำเมื่อคุณพูดถึงคำนั้น: " ดื่มเป็นคำนามและคำกริยา"

ขอแนะนำให้ใช้classแอตทริบิวต์เพื่อระบุการใช้งานที่แม่นยำ (เช่น Google "ไมโครฟอร์แมต" และ "microdata") และแน่นอนในกรณีที่สองคุณควรใช้langคุณลักษณะเพื่อระบุภาษาที่ถูกต้อง (มิฉะนั้นเช่นตัวแทนข้อความเป็นคำพูดที่อาจออกเสียงข้อความ.)

หนึ่งปีก่อนข้อกำหนด HTML5 ยังกล่าวอีกว่าciteควรใช้เพื่อทำเครื่องหมายชื่อหนังสือภาพยนตร์โอเปร่าภาพวาด ฯลฯ :

• คุณคิดอย่างไรกับnymphomaniac ?

ในที่สุดเมื่อนานมาแล้วdfnถูกใช้เพื่อทำเครื่องหมายอินสแตนซ์ที่กำหนดของวลีในข้อความ (เช่นคำจำกัดความทางคณิตศาสตร์หรือคำนิยามของคำ):

• กลุ่มเป็นชุด X พร้อมกับดำเนินการทวิภาคเดียว * ดังกล่าวว่า ...

ดังนั้นตัวเอียงในหนังสือที่พิมพ์ของคุณซึ่งอาจมีความหมายต่าง ๆ มากมายแสดงด้วยแท็ก HTML5 สี่แท็กซึ่งยอดเยี่ยมจริงๆเพราะซีแมนทิกส์นั้นดีเพราะฉันพยายามโน้มน้าวคุณก่อนหน้านี้ (ตัวอย่างเช่นคุณสามารถขอให้เบราว์เซอร์ของคุณสร้างรายการคำจำกัดความทั้งหมดในข้อความเพื่อให้แน่ใจว่าคุณรู้ทุกอย่างก่อนการสอบ)

เมื่อหันไปใช้strongและbข้อกำหนด HTML5 บอกว่าstrongควรจะใช้เพื่อทำเครื่องหมายส่วนที่สำคัญของข้อความเช่นคำเตือนหรือคำที่มีความสำคัญมากในประโยค ในทางกลับกันbควรใช้เพื่อทำเครื่องหมายสิ่งที่ต้องการค้นหาในข้อความเช่นคำหลัก ฉันยังใช้bเป็นส่วนหัวในรายการ (LIs)

ดังที่ Doval กล่าวว่าพวกเขาไม่คัดค้าน พวกเขายังคงมีอยู่แต่ควรจะใช้แตกต่างจากสิ่งที่หลายคนที่ใช้ในการก่อน HTML5

มันเกี่ยวกับ 'semantic' html ควรอธิบายว่ามันคืออะไรแทนที่จะมองว่ามันคืออะไร เบราว์เซอร์หรือสื่อการแสดงผลอื่น ๆ ในทางทฤษฎี (พูดแอปอ่านสำหรับคนตาบอด) ควรจะสามารถตัดสินใจได้ว่าควรตีความอย่างไร

นี่คล้ายกันว่าทำไมคุณไม่ควรใช้ชื่อคลาส CSS เช่น "red" และใช้คลาสที่มีความหมายมากขึ้นซึ่งอธิบายแนวคิดการทำงานที่อยู่เบื้องหลังโดยใช้สีที่แตกต่างกันที่นี่ คุณอาจตัดสินใจในภายหลังว่าสีเขียวดีกว่า (และอาจแสดง "strong" อะไรก็ได้โดยใช้สีแดงแทนที่จะเป็นตัวหนา) หรือผู้ใช้ตาบอดสีอาจมีการตั้งค่าเบราว์เซอร์พิเศษบางอย่างซึ่งสีจะถูกแทนที่ด้วยวิธีการอื่น

เรื่องจริงคือเรื่องนั้นbและiถูกล้าสมัยเลิกคัดค้านสาปแช่งและถูกนำมาใช้เป็น“ การนำเสนอ” ในร่าง HTML5 ต่างๆ (พูดกว้าง ๆ ) แต่จากนั้นพวกเขาก็ตระหนักว่าแท็กเหล่านี้ถูกใช้อย่างกว้างขวาง แทนที่จะปล่อยให้พวกเขาพวกเขาพัฒนาคำจำกัดความ "ความหมาย" แบบใหม่สำหรับพวกเขาเพื่อให้สามารถใช้องค์ประกอบ แต่ยังคงแสร้งทำเป็นเข้มงวดเกี่ยวกับมาร์กอัป คำจำกัดความใหม่มีหลากหลายตั้งแต่ร่างหนึ่งไปยังอีกร่างหนึ่งและคลุมเครือ: คุณแทบจะไม่สามารถหาคนสองคนที่เข้าใจและตีความเหมือนกัน

ขออภัยไม่มีการอ้างอิง คำอธิบายข้างต้นเป็นผลมาจากการติดตามการเปลี่ยนแปลงและการอ่านแบบร่างและการสนทนาซึ่งมักเกิดขึ้นระหว่างบรรทัด พวกเขาไม่ได้บอกสาเหตุอย่างชัดเจน ฉันยังคงคิดว่ามันเป็นเรื่องจริง

บทสรุปคือ: ไปต่อ ไม่มีประโยชน์อะไรที่นี่ bและiองค์ประกอบทำสิ่งเดียวกันเช่นที่พวกเขามักจะมีพวกเขาทำให้ตัวอักษรตัวหนาหรือตัวเอียงตามลำดับด้วยประการตามปกติ นี่คือความจริงที่คุณควรคำนึงถึงไม่ใช่ "ความหมาย" แบบ quasischolastic ที่ไม่มีผลกระทบต่อเบราว์เซอร์เครื่องมือค้นหาหรือซอฟต์แวร์อื่น ๆ

<b>และ<i>แท็กเกิดขึ้นกับแนวความคิดของ "กล้า" และ "เอียง" ปัญหาคือสิ่งเหล่านี้อาจไม่มีความหมายอย่างสมบูรณ์สำหรับตัวแทนผู้ใช้บางราย ตัวอย่างเช่นเสียง "ตัวเอียง" ในโปรแกรมอ่านหน้าจอสำหรับคนตาบอดคืออะไร

แทนที่พวกเขาด้วย<strong>และ<em>ลบการเชื่อมโยงโดยตรงกับแนวคิดการพิมพ์ แต่ตัวแทนผู้ใช้สามารถแสดงผลได้ตามที่เห็นสมควร

<b>และ<i>แท็กมีความจำเป็นเมื่อคุณอย่างแท้จริงต้องมีข้อความใน 'กล้า' หรือ 'เอียง'

หากคุณกำลังเขียนสมการใน HTML ที่ ' I ' เอียงมีความหมายแตกต่างจาก 'I' ที่ไม่ใช่ตัวเอียงเป็นสิ่งสำคัญที่จะต้องทำให้ความแตกต่างนั้น

ฉันคิดว่าพวกเขาในลักษณะเดียวกับที่ฉันคิด<sup>หรือ<sub>แท็ก - คุณไม่สามารถแสดงความหมายของสมการได้อย่างถูกต้องโดยไม่ต้องใช้แท็ก 'ลักษณะที่ปรากฏ'

วิธีพิถีพิถันจะใช้ MathML หรือ TeX แต่การสนับสนุนเบราว์เซอร์ยังไม่มี ...

หลักการออกแบบที่อ้างอิงแท็ก HTML ก็คือพวกเขาควรจะเป็น "ความหมาย" ซึ่งควรจะระบุความหมายและความตั้งใจมากกว่าการสอนระดับต่ำ

การทดสอบแบบดั้งเดิมคือ "สามารถใช้แท็กอย่างมีความหมายในเบราว์เซอร์สำหรับคนตาบอด"

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