เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ · HTML บรรณาธิการ WYSIWYG
strong vs b และ em vs i: เหตุใด Semantic Inline HTML เรื่องสำหรับบรรณาธิการ
· เหตุใดจึงสำคัญ
html การเข้าถึง เป็นที่พอใจ
อธิบายความแตกต่างในทางปฏิบัติระหว่างองค์ประกอบอินไลน์เชิงความหมายและการนำเสนอ เทคโนโลยีช่วยเหลือและเครื่องมือค้นหาทำอะไรได้บ้าง และวิธีการตรวจสอบสิ่งที่โปรแกรมแก้ไขของคุณปล่อยออกมา
ตัวหนาไม่ได้มีความสำคัญเสมอไป — เลือกความหมายก่อนปรากฏ
รหัสผลิตภัณฑ์อาจเป็นตัวหนาเท่านั้นเพื่อให้ผู้อ่านสามารถค้นหาได้อย่างรวดเร็ว คำเตือนอาจจะรุนแรงเพราะความสำคัญของมันอยู่ที่ความหมายของประโยค ความตั้งใจทั้งสองนี้สามารถมีลักษณะเหมือนกันในสไตล์ชีตเริ่มต้น การเลือกเฉพาะจากลักษณะที่ปรากฏจะทำให้มาร์กอัปไม่ชัดเจนเมื่อ CSS เปลี่ยนแปลงหรือผู้อ่านรายอื่นใช้โครงสร้าง
แถบเครื่องมือของ ToolAcre ติดป้ายกำกับการกระทำเป็นตัวหนาและตัวเอียง ในขณะที่ตัวฆ่าเชื้อจะทำให้องค์ประกอบ b และ i แบบเดิมเป็นมาตรฐานที่แข็งแกร่งและ em นั่นเป็นค่าเริ่มต้นที่มีประโยชน์สำหรับร้อยแก้วที่เน้นย้ำ แต่บรรณาธิการยังคงต้องตัดสินใจว่าคำที่เลือกนั้นมีความสำคัญหรือเน้นย้ำอย่างแท้จริงมากกว่าการตกแต่งหรือไม่
สิ่งที่ข้อกำหนด HTML กล่าวในวันนี้ — สรุปความหมายปัจจุบันของ strong, em, b และ i
Strong หมายถึงความสำคัญ ความจริงจัง หรือความเร่งด่วนอย่างยิ่ง em แสดงถึงการเน้นความเครียดซึ่งตำแหน่งอาจส่งผลต่อการตีความ องค์ประกอบ b สามารถดึงดูดความสนใจได้โดยไม่ต้องเพิ่มความสำคัญ ในขณะที่ฉันสามารถทำเครื่องหมายข้อความที่ชดเชยจากร้อยแก้วที่อยู่รอบๆ เช่น คำ น้ำเสียง หรือแบบแผน โดยไม่ต้องเน้นย้ำ
บทเรียนภาคปฏิบัติไม่ใช่ว่าห้ามใช้สองแท็ก ความเหมือนกันทางสายตาไม่ได้ลบล้างความแตกต่างทางความหมาย ผลลัพธ์ที่แคบของ ToolAcre จะเลือก strong และ em ดังนั้นเนื้อหาที่ต้องการการชดเชยโวหารเพียงอย่างเดียวอาจต้องมีการตรวจสอบหรือเวิร์กโฟลว์ปลายทางอื่น แทนที่จะใช้ความสามารถของแถบเครื่องมือที่ประดิษฐ์ขึ้น
เทคโนโลยีสิ่งอำนวยความสะดวกอาจทำให้ความหมายแตกต่างออกไป พื้นที่เก็บข้อมูลนี้พิสูจน์ว่าไม่มีการประกาศ
เทคโนโลยีช่วยเหลือสามารถใช้อรรถศาสตร์ขององค์ประกอบได้ แต่การรักษาคำพูดที่แน่นอนจะแตกต่างกันไปตามผลิตภัณฑ์ โหมด และการกำหนดค่าของผู้ใช้ พื้นที่เก็บข้อมูลไม่มีชุดความเข้ากันได้ของตัวอ่านหน้าจอ ดังนั้นบทความนี้ไม่ได้รับประกันว่าจะมีการประกาศอย่างเข้มงวดด้วยเสียงเฉพาะเสมอ หรือ b จะปิดเสียงตลอดเวลา
โครงสร้างยังคงมีความสำคัญเนื่องจากให้ข้อมูลซอฟต์แวร์ที่ขาดช่วงสไตล์ ทดสอบหน้าตัวแทนด้วยเทคโนโลยีช่วยเหลือในนโยบายการสนับสนุนของคุณ องค์ประกอบเชิงความหมายสร้างโอกาสในการตีความที่มีความหมาย ไม่ได้รับประกันว่าจะมีเอฟเฟกต์เสียงสากลในทุกสภาพแวดล้อม
เอฟเฟกต์การค้นหาอยู่นอกหลักฐานของบรรณาธิการนี้ ความหมายยังคงปรับปรุงโครงสร้างเอกสาร
เครื่องมือค้นหาสามารถแยกวิเคราะห์โครงสร้างเอกสารได้ แต่ไม่มีแหล่งที่มาในท้องถิ่นใดที่พิสูจน์การเปลี่ยนแปลงการจัดอันดับจากการเปลี่ยน b เป็น strong หลีกเลี่ยงการเปลี่ยนความหมาย HTML ให้เป็นสูตร SEO การเปิดเผยการค้นหาขึ้นอยู่กับเนื้อหา ลิงก์ การเข้าถึงทางเทคนิค และระบบต่างๆ ที่อยู่นอกตัวแก้ไขนี้
เหตุผลที่ป้องกันได้ในการใช้ความหมายคือความชัดเจนและความสามารถในการทำงานร่วมกัน ผู้เขียน เบราว์เซอร์ และการแปลงดาวน์สตรีมสามารถระบุความสำคัญหรือเน้นที่ตั้งใจไว้ได้โดยไม่ต้องทำวิศวกรรมย้อนกลับในการประกาศสไตล์ ผลลัพธ์การค้นหาใดๆ ควรอธิบายด้วยหลักฐานจากแพลตฟอร์มที่เกี่ยวข้องเท่านั้น ไม่ใช่อนุมานจากปุ่มการจัดรูปแบบในเครื่อง
รายการที่เป็นรายการจริงๆ — ขยายอาร์กิวเมนต์เป็น <ul> และ <ol> เทียบกับขีดกลางและการกำหนดหมายเลขด้วยตนเอง
หลักการเดียวกันนี้ขยายไปสู่รายการต่างๆ บรรทัดสามบรรทัดที่ขึ้นต้นด้วยยัติภังค์เป็นข้อความธรรมดา ในขณะที่ ul และ li แสดงถึงชุดของรายการเพียร์ อักขระตัวเลขที่พิมพ์ก่อนย่อหน้าจะไม่เท่ากับ ol ซึ่งมีลำดับและค่าเริ่มต้นที่เป็นทางเลือกเป็นส่วนหนึ่งของโครงสร้าง
ToolAcre แสดงคำสั่งรายการสัญลักษณ์แสดงหัวข้อย่อยและลำดับเลข และอนุญาตให้ ul, ol และ li ผ่านตัวกรอง ลักษณะคำสั่งของเบราว์เซอร์อาจแตกต่างกันไป โดยเฉพาะสำหรับการซ้อน ดังนั้นให้ตรวจสอบแหล่งที่มาหลังจากสร้างรายการแล้ว ความหมายของรายการที่ถูกต้องไม่ได้เป็นข้อแก้ตัวที่ป้ายกำกับหายไป ลำดับที่สับสน หรือความลึกในปลายทางที่ไม่รองรับ
ตัวอย่างการทำงาน: ToolAcre แมป b ถึง strong และ i ถึง em ระหว่างการกรอง
พิมพ์ “หยุดการปรับใช้ก่อนที่จะเปลี่ยนสคีมา” เลือก “หยุดการปรับใช้” แล้วกดตัวหนา คำสั่งเบราว์เซอร์อาจเริ่มสร้าง b แต่แมปนามแฝงของ sanitizer เปล่งออกมาอย่างแข็งแกร่ง ตัวเอียงเป็นไปตามรูปแบบเดียวกันจาก i ถึง em โหมดแหล่งที่มาจะแสดงผลลัพธ์ที่เป็นมาตรฐาน
ตอนนี้เลือกฉลากผลิตภัณฑ์ที่มีการเน้นด้วยสายตาเท่านั้น ToolAcre ไม่มีการควบคุมความสนใจแบบ b เท่านั้นหรือตามคลาส และเครื่องหมายจะอยู่ในรายการที่อนุญาตผ่านการแก้ไขแหล่งที่มาโดยตรงเท่านั้น แทนที่จะอ้างสิทธิ์ในแถบเครื่องมือ ตัดสินใจว่าความแข็งแกร่งนั้นแม่นยำหรือไม่ หากไม่เป็นเช่นนั้น ให้ใช้การจัดรูปแบบเฉพาะปลายทางนอกเวิร์กโฟลว์ที่มีข้อจำกัดนี้
สิ่งนี้ไม่ครอบคลุม — แอตทริบิวต์ ARIA การตรวจสอบการเข้าถึงแบบเต็มหรือโครงสร้างส่วนหัว ซึ่งครอบคลุมแยกต่างหาก
บทความนี้ไม่ครอบคลุมถึง ARIA การตรวจสอบการเข้าถึงที่สมบูรณ์ ลำดับชั้นของส่วนหัว หรือพฤติกรรมของเครื่องมือค้นหา และไม่ได้อ้างว่าองค์ประกอบอินไลน์ทั้งหมดที่อนุญาตมีการควบคุมแถบเครื่องมือ โหมดต้นทางสามารถเก็บ u, s, sub, sup, mark, small, code, kbd, samp, var และ abbr เมื่อถูกต้อง แต่คำสั่งแบบภาพจะแสดงตัวเลือกน้อยลง
การกรองแท็กความหมายไม่ได้ฆ่าเชื้อ HTML ที่ไม่เป็นมิตรตามอำเภอใจสำหรับการเผยแพร่ โทเค็นของ ToolAcre มีข้อจำกัด parser-differential ที่ชัดเจน เซิร์ฟเวอร์ที่แสดงผลการส่งที่ไม่น่าเชื่อถือจำเป็นต้องมีการฆ่าเชื้อและนโยบายตามตัวแยกวิเคราะห์ที่เหมาะสม ในขณะที่การตรวจสอบการเข้าถึงจะต้องตรวจสอบปลายทางสุดท้าย แทนที่จะดูตัวอย่างแบบแยกส่วนนี้เพียงอย่างเดียว
ประเด็นสำคัญ: จัดรูปแบบความหมาย จากนั้นตรวจสอบ — สรุปนิสัยและวิธีที่ตัวแก้ไข HTML WYSIWYG ของ ToolAcre เปิดเผยองค์ประกอบที่เกิดขึ้นจริง
รูปแบบความหมายแล้วตรวจสอบ Strong และ em มีคุณค่าเมื่อร้อยแก้วมีความสำคัญและความเครียดอย่างแท้จริง สิ่งเหล่านี้ไม่ใช่สิ่งทดแทนที่เป็นสากลสำหรับภาพที่เป็นตัวหนาหรือตัวเอียงทุกภาพ ToolAcre ทำให้มองเห็นตัวเลือกได้โดยการเปิดเผย HTML ที่กรองแล้ว หลังจากแต่ละการกระทำ
ใช้การควบคุมด้วยภาพสำหรับการร่าง โหมดแหล่งที่มาสำหรับการตรวจสอบ และปลายทาง CSS สำหรับลักษณะที่ปรากฏ เมื่อการนำเสนอที่ต้องการไม่มีองค์ประกอบความหมายที่ถูกต้อง อย่าบังคับแท็กที่ทำให้เข้าใจผิดเพียงเพราะมันคล้ายกับการออกแบบ รักษาเจตนารมณ์ของผู้เขียนไว้ในระบบที่สามารถเป็นตัวแทนได้