ตัวย่อ HTML องค์ประกอบความหมายที่รู้จักกันน้อย สไตล์เริ่มต้น

องค์ประกอบ ตัวย่อ HTML () เป็นตัวย่อหรือตัวย่อ; แอตทริบิวต์ชื่อที่เป็นทางเลือกสามารถให้ส่วนขยายหรือคำอธิบายของตัวย่อได้ ถ้ามี ชื่อเรื่องจะต้องมีสิ่งนี้ คำอธิบายแบบเต็มและไม่มีอะไรเพิ่มเติม

บทความ วิธีทำเครื่องหมายตัวย่อให้ชัดเจนเป็นคู่มือการฝึกอบรมการใช้งาน และองค์ประกอบที่เกี่ยวข้อง

คุณสมบัติ

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

แต่ละองค์ประกอบ คุณใช้เป็นอิสระจากผู้อื่น การระบุชื่อเรื่องจะไม่แนบข้อความนามสกุลเดียวกันกับข้อความอื่นๆ ที่มีเนื้อหาเหมือนกันโดยอัตโนมัติ

หมายเหตุเกี่ยวกับการใช้งาน

กรณีการใช้งานทั่วไป

แน่นอนว่าไม่จำเป็นต้องใช้ตัวย่อทั้งหมด - อย่างไรก็ตาม มีบางกรณีที่สิ่งนี้มีประโยชน์:

การพิจารณาไวยากรณ์

ในภาษาที่มีเลขไวยากรณ์ (นั่นคือ ภาษาที่จำนวนองค์ประกอบส่งผลต่อไวยากรณ์ของประโยค) ให้ใช้หมายเลขไวยากรณ์เดียวกันในแอตทริบิวต์ title เช่นเดียวกับภายในองค์ประกอบของคุณ - สิ่งนี้สำคัญอย่างยิ่งในภาษาที่มีตัวเลขมากกว่าสองตัว เช่น ภาษาอาหรับ แต่ก็มีความเกี่ยวข้องในภาษาอังกฤษด้วย

สไตล์เริ่มต้น

วัตถุประสงค์ขององค์ประกอบนี้มีไว้เพื่อความสะดวกของผู้เขียนเท่านั้น และเบราว์เซอร์ทั้งหมดจะแสดงองค์ประกอบนั้นแบบอินไลน์ (แสดง : อินไลน์) ตามค่าเริ่มต้น แม้ว่ารูปแบบเริ่มต้นจะแตกต่างกันไปในแต่ละเบราว์เซอร์:

  • เบราว์เซอร์บางตัวเช่น อินเทอร์เน็ตเอ็กซ์พลอเรอร์อย่าสร้างมันให้แตกต่างไปจากองค์ประกอบ .
  • Opera, Firefox และอื่นๆ เพิ่มเส้นประให้กับเนื้อหาขององค์ประกอบ
  • เบราว์เซอร์บางตัวไม่เพียงแต่เพิ่มการขีดเส้นใต้เส้นประ แต่ยังใส่เป็นตัวพิมพ์เล็กอีกด้วย เพื่อหลีกเลี่ยงรูปแบบนี้ ให้เพิ่มบางอย่างเช่น font-variant : none ใน CSS จะไม่ดูแลกรณีนี้

ตัวอย่าง

การทำเครื่องหมายคำย่อตามความหมาย

หากต้องการแท็กตัวย่อโดยไม่ต้องระบุส่วนขยายหรือคำอธิบาย เพียงใช้ โดยไม่มีแอตทริบิวต์ใดๆ ดังที่แสดงในตัวอย่างนี้

HTML

โดยใช้ HTMLสนุกและง่าย!

ผลลัพธ์

ตัวย่อแบบมีเงื่อนไข

คุณสามารถใช้ CSS เพื่อตั้งค่าสไตล์ที่กำหนดเองเพื่อใช้เป็นคำย่อ ดังที่เห็นในตัวอย่างง่ายๆ นี้

HTML

โดยใช้ ซีเอสเอสคุณสามารถจัดรูปแบบตัวย่อของคุณได้!

ซีเอสเอส

abbr (รูปแบบตัวอักษร: all-small-caps; )

ผลลัพธ์

มั่นใจในการขยายตัว

การเพิ่มแอตทริบิวต์ title จะทำให้คุณสามารถระบุนามสกุลหรือคำจำกัดความของตัวย่อหรือตัวย่อได้

HTML

เรื่องตลกของ Ashok ทำให้ฉัน ฮ่าๆครั้งใหญ่

ผลลัพธ์

คำจำกัดความของคำย่อ

คุณสามารถใช้ ควบคู่กับ สำหรับคำจำกัดความที่เป็นทางการของตัวย่อดังที่แสดงไว้ที่นี่

HTML

HTML เป็นภาษามาร์กอัปที่ใช้ในการสร้างความหมายและโครงสร้างของหน้าเว็บ

ก ข้อมูลจำเพาะ (ข้อมูลจำเพาะ) เป็นเอกสารที่สรุปรายละเอียดว่าเทคโนโลยีหรือ API มีวัตถุประสงค์ในการทำงานอย่างไร และเข้าถึงได้อย่างไร

ผลลัพธ์

ความพร้อมใช้งาน

การอธิบายตัวย่อหรือตัวย่ออย่างครบถ้วนในครั้งแรกที่ใช้บนหน้าเว็บจะช่วยให้ผู้คนเข้าใจได้ โดยเฉพาะอย่างยิ่งหากเนื้อหานั้นเป็นศัพท์เฉพาะทางเทคนิคหรือในอุตสาหกรรม

ตัวอย่าง

สัญกรณ์วัตถุ JavaScript ( เจสัน) เป็นรูปแบบการแลกเปลี่ยนข้อมูลที่มีน้ำหนักเบา

มีประโยชน์อย่างยิ่งสำหรับผู้ที่ไม่คุ้นเคยกับคำศัพท์เฉพาะทางหรือแนวคิดที่กล่าวถึงในเนื้อหา ผู้ที่เพิ่งเริ่มใช้ภาษา และผู้ที่มีปัญหาด้านความรู้ความเข้าใจ

ลักษณะเฉพาะ

ความเข้ากันได้ของเบราว์เซอร์

ลักษณะเฉพาะมุมมองเว็บ Androidโครมสำหรับแอนดรอยด์ขอบมือถือไฟร์ฟอกซ์สำหรับ Androidระบบปฏิบัติการแอนดรอยด์ไอโอเอสซาฟารีร้านค้าออนไลน์ของซัมซุง
การสนับสนุนขั้นพื้นฐานใช่ใช่ใช่ 4 ใช่ใช่ใช่

1. ก่อน Firefox 4 องค์ประกอบนี้ใช้งานอินเทอร์เฟซ HTMLSpanElement แทนอินเทอร์เฟซ HTMLElement มาตรฐาน

ทีอีจี

เครื่องกำเนิดไฟฟ้าเทอร์โมอิเล็กทริก

เทคโนโลยี

พจนานุกรม:ส. ฟาดีฟ. พจนานุกรมคำย่อของภาษารัสเซียสมัยใหม่ - เซนต์ปีเตอร์สเบิร์ก: Politekhnika, 1997. - 527 น.

ทีอีจี

ไตรเอทิลีนไกลคอล

ทีอีจี

thromboelastogram

น้ำผึ้ง.

แหล่งที่มา: http://cardio-burg.ru/magazin/magazin.php?nnn=2000_2&cont=20002s8

ทีอีจี

โรงพยาบาลอพยพเพื่อการรักษา

น้ำผึ้ง.

พจนานุกรม:พจนานุกรมคำย่อและคำย่อของกองทัพและบริการพิเศษ คอมพ์ เอ.เอ. ชเชโลคอฟ - อ.: AST Publishing House LLC, Geleos Publishing House CJSC, 2546. - 318 หน้า


พจนานุกรมคำย่อและคำย่อ- นักวิชาการ

2558.:

คำพ้องความหมาย

    ดูว่า "TAG" ในพจนานุกรมอื่นๆ คืออะไร:แท็ก - (แท็ก แท็กภาษาอังกฤษ “ฉลาก ฉลาก แท็ก เครื่องหมาย”) ฉลากเป็นคำหลัก

    ในแอปพลิเคชันที่แคบกว่า ตัวระบุสำหรับการจัดหมวดหมู่ อธิบาย และค้นหาข้อมูล ระบุโครงสร้างภายใน ตัวอย่างการใช้งาน: องค์ประกอบภาษามาร์กอัป... ... Wikipediaแท็ก พจนานุกรมคำพ้องความหมาย

    ดูว่า "TAG" ในพจนานุกรมอื่นๆ คืออะไร:- หมู่บ้านในเขต Syktyvdinsky ตั้งชื่อตามแม่น้ำ Tegyu ถูกต้องเป็นเมืองขึ้นของ Vychegda ซึ่งตั้งอยู่ใกล้: Komi แท็ก "กำมะถัน", yu "แม่น้ำ" เทกิว "แม่น้ำที่อยู่ใกล้ๆ ซึ่งมีกำมะถันโผล่ขึ้นมา" บริเวณนี้เดิมมีการขุดกำมะถันธรรมชาติไว้ใช้ในบ้านเรือน... ... พจนานุกรมโทโพนิมิกของสาธารณรัฐโคมิ

    ทีอีจี- 3.1.45 TAG: องค์ประกอบบริการที่วางอยู่ที่จุดเริ่มต้นของส่วนหัวและเก็บไว้พร้อมกับข้อมูล ไม่สามารถใช้เป็น องค์ประกอบอิสระ- แหล่งที่มา … หนังสืออ้างอิงพจนานุกรมเกี่ยวกับเอกสารเชิงบรรทัดฐานและทางเทคนิค

    ทีอีจี- ดูเครื่องกำเนิดเทอร์โมอิเล็กทริก... พจนานุกรมโพลีเทคนิคสารานุกรมขนาดใหญ่

    ทีอีจี- ... วิกิพีเดีย

    ทีอีจี- เครื่องกำเนิดไฟฟ้าเทอร์โมอิเล็กทริก... พจนานุกรมคำย่อภาษารัสเซีย

    แท็กระบุโปรโตคอล- - [GOST R 54325 2011 (IEC/TS 61850 2:2003)]] หัวข้อ การป้องกันรีเลย์ตัวระบุโปรโตคอลแท็ก ENTPID... คู่มือนักแปลทางเทคนิค

    ไอ-เต็ก-ยูกัน- ลักษณะ ความยาว 35 กม. แอ่งน้ำทะเลคารา ปากน้ำ 33 กม. เลียบฝั่งซ้ายของช่อง Mogot Leim หลังที่ตั้ง ... Wikipedia

    เครื่องกำเนิดไฟฟ้าเทอร์โมอิเล็กทริก- (TEG) เครื่องกำเนิดไฟฟ้าเทอร์โมอิเล็กทริกซึ่งเป็นอุปกรณ์สำหรับการแปลงพลังงานความร้อนเป็นพลังงานไฟฟ้าโดยตรง หลักการทำงานขึ้นอยู่กับเอฟเฟกต์ซีเบค (ดูปรากฏการณ์เทอร์โมอิเล็กทริก) TEG ประกอบด้วย: เทอร์โมไพล์ที่ประกอบจาก... ... สารานุกรมผู้ยิ่งใหญ่แห่งสหภาพโซเวียต

ให้เราหันมาสนใจหัวข้อตัวย่อบนหน้าเว็บหรือให้ผู้อ่านเข้าใจตัวย่อเหล่านี้ บทความนี้จะกล่าวถึงแท็กตัวย่อและตัวย่อ รวมถึงความแตกต่างที่เกี่ยวข้อง

ความสนใจ!!!ในข้อกำหนด HTML5 องค์ประกอบ คำย่อประกาศล้าสมัยอย่างสมบูรณ์และแนะนำอย่างยิ่งให้ลบออกจากการใช้งาน ขอเสนอให้ใช้องค์ประกอบแทน คำย่อ(คำชี้แจงลงวันที่ 10 พฤศจิกายน พ.ศ. 2554) .

ทำความเข้าใจเกี่ยวกับคำศัพท์เฉพาะทาง

ตัวย่อ (ตัวย่อของอิตาลี - ตัวย่อจากภาษาละตินตัวย่อ - ฉันย่อให้สั้นลง) เป็นรูปแบบย่อของคำหรือกลุ่มคำที่ใช้แทนคำหรือวลีทั้งหมด ตัวอย่างเช่น: WWW, HTTP, URI, อักษรย่อ เป็นต้น ตัวย่อ (กรีก akros - สูง onyma - ชื่อ) เป็นตัวย่อที่เกิดจากส่วนของคำในวลีต้นฉบับ (โดยปกติจะเป็นตัวอักษรเริ่มต้น) ออกเสียงเป็นคำเดียวและไม่ใช่ตัวอักษรต่อตัวอักษรเช่นเดียวกับตัวย่อประเภทอื่น ตัวอย่างเช่น โมเด็ม เรดาร์ หรือเลเซอร์

คำย่อและคำย่อควรเป็นที่เข้าใจสำหรับทุกคนตลอดเวลา

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

แท็ก HTML และ

HTML 4 ให้องค์ประกอบการจัดรูปแบบเชิงตรรกะสององค์ประกอบที่ใช้ในการเน้นตัวย่อและตัวย่อ - abbr และตัวย่อตามลำดับ แท็กเหล่านี้มีแอตทริบิวต์ชื่อที่ให้คำอธิบายของคำศัพท์ เบราว์เซอร์ปกติใดๆ เมื่อวางเมาส์เหนือคำดังกล่าว จะแสดงคำแนะนำเครื่องมือที่ระบุโดยแอตทริบิวต์ title

ตัวอย่าง: โมเด็ม WWW

WWW โมเด็ม

บิลลี่ที่ไม่ชอบ W3C

IE (สูงสุดเวอร์ชัน 6) ไม่รองรับแท็ก ABBR(ขออภัยที่ทำทันทีโดยไม่ได้เตรียมตัว :-)

ในรายการองค์ประกอบที่คุ้นเคยจะมีการระบุเฉพาะองค์ประกอบ ACRONYM เท่านั้น แต่ฉันมั่นใจว่าสิ่งนี้จะได้รับการแก้ไขในเบราว์เซอร์เวอร์ชันที่ 7

แน่นอน คุณสามารถยอมแพ้และใช้แท็กตัวย่อแทนแท็ก abbr ได้ แต่อย่าแปลกใจถ้าตัวแทนเสียงของผู้ใช้ออกเสียงตัวย่อตัวอักษร URI ไม่ใช่ตัวอักษรต่อตัวอักษร แต่พูดเพียงคำเดียว แล้วคุณจะได้ ชื่ออูริจากภาพยนตร์เรื่อง “Adventures of Electronics” แต่คุณสามารถค้นหาวิธีแก้ปัญหาได้ เช่น การแทรกองค์ประกอบ SPAN ภายใน ABBR:

ซีเอสเอส

และเป็นการดีกว่าที่จะทำให้กระบวนการนี้เป็นแบบอัตโนมัติโดยการแทรกโดยใช้สคริปต์หลังจากโหลดเอกสารและสำหรับ IE เท่านั้น และสิ่งที่สำคัญมากคุณไม่จำเป็นต้องเปลี่ยนแปลง ถูกต้องข้อความต้นฉบับของเอกสาร

มาสร้างเคล็ดลับ CSS กันดีกว่า

เนื่องจากตัวย่อและตัวย่อเป็นองค์ประกอบการจัดรูปแบบเชิงตรรกะ เบราว์เซอร์จึงอาจแสดงผลแตกต่างกันบนหน้าเว็บ ตัวอย่างเช่น Mozilla Firefox และ Opera จะแสดงองค์ประกอบเหล่านี้โดยขีดเส้นใต้สีดำในรูปแบบของจุด Konqueror จะแสดงองค์ประกอบเหล่านี้ด้วยตัวเอียง และ IE จะไม่เน้นองค์ประกอบเหล่านั้นด้วยสายตา (ตัวย่อ)

ดังนั้นการตั้งค่าสไตล์ที่จะรวมการแสดงองค์ประกอบเหล่านี้ไว้ในเบราว์เซอร์ที่แตกต่างกันจึงไม่เสียหาย

ตัวอย่างเช่นเช่นนี้:

ABBR อักษรย่อ (
ขอบล่าง: 1px จุด #F04B2D;
เคอร์เซอร์: ช่วยด้วย;
รูปแบบตัวอักษร: ตัวเอียง;

คำอธิบาย

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

เบราว์เซอร์ไม่เน้นข้อความภายใน ยกเว้น Opera ก่อนเวอร์ชัน 15 ซึ่งจะเพิ่มขีดเส้นใต้เส้นประให้กับข้อความ

ไวยากรณ์

ข้อความ

คุณสมบัติ

เพิ่มคำแนะนำเครื่องมือให้กับข้อความที่คุณสามารถอธิบายตัวย่อได้

แท็กปิด

ที่จำเป็น.

HTML5 IE Cr Op Sa Fx

แท็ก ABBR

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



ผลลัพธ์ของตัวอย่างนี้แสดงไว้ในรูปที่ 1 1.

ข้าว. 1. ประเภทของคำแนะนำเครื่องมือเมื่อวางเมาส์เหนือข้อความตัวย่อ

เบราว์เซอร์

เบราว์เซอร์ Internet Explorer จนถึงเวอร์ชัน 6 ไม่รองรับแท็ก ขอแนะนำให้ใช้แท็กแทน .

ที่ องค์ประกอบตัวย่อ HTML( ) แสดงถึงคำย่อหรือคำย่อ; แอตทริบิวต์ชื่อที่เป็นตัวเลือกสามารถจัดให้มีการขยายหรือคำอธิบายสำหรับตัวย่อหากมี ชื่อจะต้องมีคำอธิบายแบบเต็มนี้และไม่มีอะไรอื่นอีก

แหล่งที่มาของตัวอย่างเชิงโต้ตอบนี้จัดเก็บไว้ในที่เก็บ GitHub หากคุณต้องการมีส่วนร่วมในโครงการตัวอย่างเชิงโต้ตอบ โปรดโคลน https://github.com/mdn/interactive-examples และส่งคำขอดึงถึงเรา

ข้อกังวลด้านการเข้าถึง

การสะกดคำย่อหรือตัวย่อให้เต็มในครั้งแรกที่ใช้บนหน้าเว็บจะเป็นประโยชน์ในการช่วยให้ผู้คนเข้าใจ โดยเฉพาะอย่างยิ่งหากเนื้อหานั้นเป็นศัพท์เฉพาะทางเทคนิคหรือในอุตสาหกรรม

ตัวอย่าง

สัญกรณ์วัตถุ JavaScript ( เจสัน) เป็นรูปแบบการแลกเปลี่ยนข้อมูลที่มีน้ำหนักเบา

สิ่งนี้มีประโยชน์อย่างยิ่งสำหรับผู้ที่ไม่คุ้นเคยกับคำศัพท์เฉพาะทางหรือแนวคิดที่กล่าวถึงในเนื้อหา ผู้ที่เพิ่งเริ่มใช้ภาษา และผู้ที่มีปัญหาด้านการรับรู้

ข้อมูลจำเพาะ

ข้อมูลจำเพาะ สถานะ ความคิดเห็น
มาตรฐานการใช้ชีวิต HTML
คำจำกัดความของ “ “ในข้อกำหนดนั้น		 มาตรฐานการครองชีพ
HTML5
คำจำกัดความของ “ “ในข้อกำหนดนั้น		 คำแนะนำ
ข้อมูลจำเพาะ HTML 4.01
คำจำกัดความของ “ “ในข้อกำหนดนั้น		 คำแนะนำ

ความเข้ากันได้ของเบราว์เซอร์

ตารางความเข้ากันได้ในหน้านี้สร้างขึ้นจากข้อมูลที่มีโครงสร้าง หากคุณต้องการมีส่วนร่วมในข้อมูล โปรดตรวจสอบ https://github.com/mdn/browser-compat-data และส่งคำขอดึงถึงเรา

อัปเดตข้อมูลความเข้ากันได้บน GitHub

เดสก์ท็อปมือถือ
โครเมียมขอบไฟร์ฟอกซ์อินเทอร์เน็ตเอ็กซ์พลอเรอร์โอเปร่าซาฟารีมุมมองเว็บ Androidโครมสำหรับแอนดรอยด์ไฟร์ฟอกซ์สำหรับ Androidโอเปร่าสำหรับ Androidซาฟารีบน iOSซัมซุงอินเตอร์เน็ต
คำย่อการสนับสนุน Chrome เต็มรูปแบบ 2รองรับ Edge เต็มรูปแบบ ใช่Firefox รองรับเต็มรูปแบบ 1

หมายเหตุ

สนับสนุนอย่างเต็มที่1

หมายเหตุ

หมายเหตุ ก่อน Firefox 4 องค์ประกอบนี้ใช้อินเทอร์เฟซ HTMLSpanElement แทนอินเทอร์เฟซ HTMLElement มาตรฐาน		การสนับสนุน IE เต็มรูปแบบ 7รองรับ Opera เต็มรูปแบบ ใช่รองรับ Safari เต็มรูปแบบ ใช่รองรับ WebView Android เต็มรูปแบบ ใช่รองรับ Chrome Android เต็มรูปแบบใช่Firefox Android รองรับเต็มรูปแบบ 4รองรับ Opera Android เต็มรูปแบบ ใช่Safari iOS รองรับเต็มรูปแบบ ใช่Samsung Internet Android รองรับเต็มรูปแบบ ใช่

ตำนาน

การสนับสนุนอย่างเต็มที่การสนับสนุนอย่างเต็มที่ ดูบันทึกการใช้งาน ดูบันทึกการใช้งาน

ดูเพิ่มเติม



2024 wisemotors.ru. วิธีนี้ทำงานอย่างไร. เหล็ก. การทำเหมืองแร่ สกุลเงินดิจิทัล