คำถามติดแท็ก semantic-markup

ปิด คำถามนี้เป็นคำถามความคิดเห็นตาม ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้สามารถตอบข้อเท็จจริงและการอ้างอิงได้โดยแก้ไขโพสต์นี้ ปิดให้บริการใน3 ปีที่ผ่านมา ฉันดูที่แหล่งที่มาของ Facebook พวกเขาใช้<i>แท็กเพื่อแสดงไอคอน นอกจากนี้วันนี้ฉันก็ดู Bootstrap ของ Twitter ด้วย นอกจากนี้ยังใช้<i>แท็กเพื่อแสดงไอคอน แต่, จากสเป็ค HTML5 : องค์ประกอบ I แสดงช่วงของข้อความในเสียงหรืออารมณ์ทางเลือกหรืออื่น ๆ จากออฟเซ็ตปกติเช่นการกำหนดทางอนุกรมวิธานศัพท์ทางเทคนิควลีสำนวนจากภาษาอื่นความคิดชื่อเรือหรืออื่น ๆ งานประพันธ์ที่มีการนำเสนอแบบตัวพิมพ์ทั่วไปเป็นตัวเอียง เหตุใดพวกเขาจึงใช้<i>แท็กเพื่อแสดงไอคอน มันไม่ใช่การฝึกฝนที่เลวร้ายใช่ไหม? หรือฉันกำลังพลาดบางสิ่งที่นี่ ฉันใช้spanเพื่อแสดงไอคอนและดูเหมือนว่าจะใช้งานได้สำหรับฉันจนถึงตอนนี้ ปรับปรุง: Bootstrap 3 ตอนนี้ใช้spanสำหรับไอคอน Doc อย่างเป็นทางการ

572 html  semantic-markup 

ไซต์ของฉันกำลังจะมีโค้ดอินไลน์ ("เมื่อใช้foo()ฟังก์ชัน ... ") และตัวอย่างโค้ดบางบล็อก สิ่งเหล่านี้มักจะเป็น XML และมีบรรทัดที่ยาวมากซึ่งฉันต้องการให้เบราว์เซอร์ตัดคำ (กล่าวคือฉันไม่ต้องการใช้<pre>) ฉันต้องการใส่การจัดรูปแบบ CSS ในตัวอย่างบล็อก ดูเหมือนว่าฉันไม่สามารถใช้<code>กับทั้งคู่ได้เพราะถ้าฉันใส่ CSS block attribute ลงไป (ด้วยdisplay: block;) มันจะทำให้ตัวอย่างของ inline แตก ฉันอยากรู้ว่าคนทำอะไร ใช้<code>สำหรับบล็อกและ<samp>สำหรับ inline? ใช้<code><blockquote>หรืออะไรที่คล้ายกัน? ฉันต้องการทำให้ HTML ที่แท้จริงนั้นเรียบง่ายที่สุดเท่าที่จะเป็นไปได้หลีกเลี่ยงคลาสเนื่องจากผู้ใช้รายอื่นจะดูแลมัน

335 html  semantic-markup 

input type="submit"และbuttonแท็กใช้แทนกันได้หรือไม่ หรือหากมีความแตกต่างจากนั้นเมื่อใดควรใช้input type="submit"และเมื่อbuttonใด และถ้าไม่มีความแตกต่างทำไมเรามี 2 แท็กเพื่อจุดประสงค์เดียวกัน

233 html  accessibility  w3c  web-standards  semantic-markup 

เป็นสิ่งที่ถูกต้องวิธีที่จะทำให้ตัวเอียงข้อความ? ฉันได้เห็นสี่แนวทางต่อไปนี้: <i>Italic Text</i> <em>Italic Text</em> <span class="italic">Italic Text</span> <span class="footnote">Italic Text</span> <i> นี่คือ "วิธีเก่า" <i>ไม่มีความหมายเชิงความหมายและบ่งบอกถึงเพียงผลงานนำเสนอของการทำให้ข้อความเป็นตัวเอียง เท่าที่ฉันเห็นนี่เป็นความผิดอย่างชัดเจนเพราะนี่ไม่ใช่ความหมาย <em> สิ่งนี้ใช้เครื่องหมายความหมายเพื่อวัตถุประสงค์ในการนำเสนออย่างหมดจด มันเพิ่งเกิดขึ้น<em>โดยค่าเริ่มต้นทำให้ข้อความเป็นตัวเอียงและดังนั้นจึงมักถูกใช้โดยผู้ที่ทราบว่า<i>ควรหลีกเลี่ยง แต่ผู้ที่ไม่ได้ตระหนักถึงความหมายของความหมาย ข้อความตัวเอียงทั้งหมดไม่ใช่ตัวเอียงเพราะเน้น บางครั้งมันอาจเป็นสิ่งที่ตรงกันข้ามเช่นบันทึกด้านข้างหรือเสียงกระซิบ <span class="italic"> ใช้คลาส CSS เพื่อวางงานนำเสนอ นี่มักจะถูกขนานนามว่าเป็นวิธีที่ถูกต้อง แต่อีกครั้งดูเหมือนว่าฉันผิด สิ่งนี้ไม่ปรากฏว่าสื่อความหมาย<i>ได้อีกต่อไป แต่ผู้เสนอของมันร้องไห้มันง่ายกว่าที่จะเปลี่ยนข้อความตัวเอียงทั้งหมดของคุณในภายหลังถ้าคุณพูดว่าอยากให้มันเป็นตัวหนา แต่นี่ไม่ใช่กรณีเพราะฉันจะถูกทิ้งให้อยู่กับคลาสที่เรียกว่า "ตัวเอียง" ที่แสดงข้อความเป็นตัวหนา นอกจากนี้ยังไม่ชัดเจนว่าทำไมฉันถึงต้องการเปลี่ยนข้อความตัวเอียงทั้งหมดในเว็บไซต์ของฉันหรืออย่างน้อยเราก็สามารถนึกถึงกรณีที่สิ่งนี้จะไม่เป็นที่ต้องการหรือจำเป็น <span class="footnote"> สิ่งนี้ใช้คลาส CSS สำหรับซีแมนทิกส์ จนถึงตอนนี้ดูเหมือนจะเป็นวิธีที่ดีที่สุด แต่จริงๆแล้วมันมีสองปัญหา ข้อความทั้งหมดไม่ได้มีความหมายเพียงพอที่จะรับประกันมาร์กอัปความหมาย ตัวอย่างเช่นข้อความตัวเอียงที่ด้านล่างของหน้าเป็นเชิงอรรถจริง ๆ หรือไม่ หรือมันเป็นกัน? หรืออย่างอื่นอย่างสิ้นเชิง บางทีมันอาจไม่มีความหมายพิเศษและต้องการให้แสดงเป็นตัวเอียงเท่านั้นเพื่อแยกมันออกจากการนำเสนอจากข้อความก่อนหน้า …

202 html  css  semantic-markup 

ฉันใช้ Twitter Bootstrap เพื่อสร้างเว็บไซต์และฟังก์ชั่นการใช้งานมากมายนั้นขึ้นอยู่กับการห่อสิ่งต่าง ๆ<a>แม้ว่าพวกเขาจะใช้ Javascript ก็ตาม ฉันมีปัญหากับhref="#"กลยุทธ์ที่เอกสารแนะนำ Bootstrap แนะนำดังนั้นฉันจึงพยายามหาวิธีแก้ไขปัญหาอื่น แต่แล้วฉันก็ลองลบhrefคุณลักษณะทั้งหมด ฉันใช้อยู่<a class='bunch of classes' data-whatever='data'>และให้ Javascript จัดการส่วนที่เหลือ และมันใช้งานได้ แต่มีบางอย่างกำลังบอกฉันว่าฉันไม่ควรทำเช่นนี้ ขวา? ฉันหมายความว่าในทางเทคนิค<a>ควรจะเชื่อมโยงกับบางสิ่งบางอย่าง แต่ฉันไม่แน่ใจว่าทำไมมันถึงมีปัญหา หรือมันคืออะไร?

152 html  anchor  semantic-markup  htmlbutton 

ดูเหมือนว่าฉันได้ยิน / อ่านที่ไหนซักแห่งว่า<div>ภายใน<td>นั้นไม่มีอะไรเลย ไม่ใช่ว่ามันจะไม่ทำงานบางอย่างเกี่ยวกับพวกเขาที่ไม่เข้ากันได้กับประเภทการแสดงผลของพวกเขา ไม่พบหลักฐานใด ๆ ที่จะสำรองลางสังหรณ์ของฉันดังนั้นฉันอาจผิดทั้งหมด

143 html  html-table  semantic-markup  web-standards 

ฉันต้องการรังspanและaแท็ก ฉันควร ใส่<span>ข้างใน<a> ใส่<a>ข้างใน<span> มันไม่สำคัญ?

109 html  css  semantic-markup 

ไม่ควรลบทั้งสองอย่าง? หรือหมายความว่าเราควรใช้<small>? ทำไมถึง<big>เอาออก แต่<small>ไม่ใช่? ปัญหา<big>ที่ใช้ไม่ได้กับ<small>อะไร? http://www.w3schools.com/html5/html5_reference.asp

101 css  xhtml  web-standards  semantic-markup  html 

สวัสดีทั้งหมดเป็นเวลานานแล้วที่ฉันถามอะไรบางอย่างนี่เป็นสิ่งที่รบกวนฉันมาระยะหนึ่งแล้วคำถามนั้นอยู่ในชื่อ: วิธีใดที่คุณต้องการในการเขียนตาราง HTML ที่มีส่วนหัวแนวตั้ง โดยส่วนหัวแนวตั้งฉันหมายความว่าตารางมี<th>แท็กheader ( ) ทางด้านซ้าย (โดยทั่วไป) ส่วนหัวข้อมูลข้อมูลข้อมูล ส่วนหัว 2ข้อมูลข้อมูล ส่วนหัวข้อมูลข้อมูลข้อมูล3ข้อมูล พวกเขามีลักษณะเช่นนี้จนถึงตอนนี้ฉันมีสองตัวเลือก ตัวเลือกแรก <table id="vertical-1"> <caption>First Way</caption> <tr> <th>Header 1</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> <tr> <th>Header 2</th> <td>data</td><td>data</td><td>data</td> </tr> </table> ประโยชน์หลักของวิธีนี้คือการที่คุณมีส่วนหัว (ซ้ายจริง) ทางขวาถัดจากข้อมูลที่แสดงให้เห็นถึงสิ่งที่ฉันไม่ชอบ แต่เป็นว่า<thead>, <tbody>และ<tfoot>แท็กจะหายไปและมีวิธีการที่จะรวมพวกเขาโดยไม่ทำลาย วางองค์ประกอบไว้ด้วยกันอย่างสวยงามซึ่งนำฉันไปสู่ตัวเลือกที่สอง ตัวเลือกที่สอง <style type="text/css"> #vertical-2 thead,#vertical-2 tbody{ display:inline-block; } </style> …

99 html  css  datatable  semantic-markup 

ตัวอย่างเช่นบล็อกโพสต์หรือบทความ <article> <h1>header<h1> <time>09-02-2011</time> <author>John</author> My article.... </article> authorแท็กไม่ได้อยู่ แต่ ... ดังนั้นสิ่งที่เป็นแท็ก HTML5 ที่ใช้กันทั่วไปสำหรับผู้เขียน? ขอบคุณ. (ถ้าไม่มีก็ไม่ควรมี?)

98 html  tags  blogs  semantic-markup 

ฉันแค่สงสัยว่าคุณคิดอย่างไรเกี่ยวกับ DIV-tag ใน FORM-tag? ฉันต้องการสิ่งนี้: <form> <input type="text"/> <div> some </div> <div> another </div> <input type="text" /> </form> การใช้งานDIVด้านในโดยทั่วไปFORMหรือฉันต้องการอะไรที่แตกต่างออกไป?

86 html  semantic-markup