คำถามติดแท็ก html

เป็นสิ่งที่ถูกต้องวิธีที่จะทำให้ตัวเอียงข้อความ? ฉันได้เห็นสี่แนวทางต่อไปนี้: <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 

ฉันแค่อยากรู้ว่าทำไม<center>แท็กใน HTML จึงเลิกใช้แล้ว นี่<center>เป็นวิธีที่ง่ายในการจัดบล็อกของข้อความและรูปภาพที่กึ่งกลางอย่างรวดเร็วโดยใส่ในภาชนะใน<center>แท็กและฉันไม่สามารถหาวิธีที่ง่ายกว่านี้ได้ในตอนนี้ ใครรู้วิธีง่าย ๆ ในการจัดกึ่งกลาง "สิ่งของ" (ไม่ใช่สิ่งmargin-left:auto; margin-right:auto;และความกว้าง) สิ่งที่มาแทนที่<center>? และทำไมมันเลิก?

202 html  tags  center  deprecated 

นี่คือ HTML ของฉัน: <select id="ddlProducts" name="ddProducts"> <option>Product1 : Electronics </option> <option>Product2 : Sports </option> </select> ฉันต้องการสร้างชื่อของผลิตภัณฑ์ (เช่น 'Product1', 'Product2' ฯลฯ ) เป็นตัวหนาและหมวดหมู่ (ได้แก่ อิเล็กทรอนิกส์, กีฬา, ฯลฯ ) เป็นตัวเอียงโดยใช้ CSS เท่านั้น ฉันพบคำถามเก่าที่กล่าวถึงมันเป็นไปไม่ได้โดยใช้ HTML และ CSS แต่หวังว่าจะมีวิธีแก้ปัญหา

202 html  css  drop-down-menu 

ฉันต้องการที่จะแสดงข้อความเป็น HTML โดยฟังก์ชั่นจาวาสคริปต์ ฉันจะหลีกเลี่ยงตัวอักษรพิเศษ html ใน JS ได้อย่างไร มี API หรือไม่

202 javascript  html 

ฉันแน่ใจว่ามีวิธีแก้ไขปัญหานี้อย่างง่าย โดยทั่วไปถ้าฉันมีสองคอลัมน์ฉันจะเพิ่มช่องว่างระหว่างพวกเขาได้อย่างไร เช่นถ้า html คือ: <div class="col-md-6"></div> <div class="col-md-6"></div> เอาต์พุตจะเป็นสองคอลัมน์ถัดจากกันโดยใช้ความกว้างทั้งหมดของหน้า บอกว่าตั้งไวด์ ธ1000pxแล้วแต่ละ div จะเป็น500pxไวด์ ถ้าฉันต้องการที่100pxว่างระหว่างสองสิ่งฉันจะทำสิ่งนี้ได้อย่างไร เห็นได้ชัดโดยอัตโนมัติผ่าน bootstrap ขนาด div จะกลายเป็นขนาด450pxเพื่อชดเชยพื้นที่

202 html  css  twitter-bootstrap-3  grid-layout 

ฉันมีแม่แบบต่อไปนี้: <div> <span>{{aVariable}}</span> </div> และต้องการจบด้วย: <div "let a = aVariable"> <span>{{a}}</span> </div> มีวิธีทำอย่างไร?

202 html  angular 

ฉันจะเปลี่ยนชี้เคอร์เซอร์ไปที่มือวิธีเมื่อเมาส์ของฉันไปมากกว่า<tr>ใน<table> <table class="sortable" border-style:> <tr> <th class="tname">Name</th><th class="tage">Age</th> </tr> <tr><td class="tname">Jennifer</td><td class="tage">24</td></tr> <tr><td class="tname">Kate</td><td class="tage">36</td></tr> <tr><td class="tname">David</td><td class="tage">25</td></tr> <tr><td class="tname">Mark</td><td class="tage">40</td></tr> </table>

201 html  css  cursor 

ฉันต้องทำให้ภาพนี้ขยายขนาดสูงสุดเท่าที่จะเป็นไปได้โดยไม่ทำให้ภาพใหญ่เกินไป<div>หรือบิดเบือนภาพ ฉันไม่สามารถคาดการณ์อัตราส่วนภาพของภาพได้ดังนั้นจึงไม่มีทางรู้ว่าจะใช้: <img src="url" style="width: 100%;"> หรือ <img src="url" style="height: 100%;"> ฉันไม่สามารถใช้ทั้งสอง (เช่น style = "width: 100%; ความสูง: 100%;") <div>เพราะที่จะขยายภาพให้พอดีกับ <div>มีขนาดที่กำหนดโดยร้อยละของหน้าจอซึ่งยังเป็นที่คาดเดาไม่ได้

201 image  html  size 

รายการที่เรียงลำดับสามารถสร้างผลลัพธ์ที่มีลักษณะเช่น 1.1, 1.2, 1.3 (แทนที่จะเป็นเพียง 1, 2, 3, ... ) ด้วย CSS หรือไม่? จนถึงตอนนี้การใช้list-style-type:decimalมีการผลิตเพียง 1, 2, 3, ไม่ใช่ 1.1, 1.2., 1.3

201 html  css 

ฉันมีหน้าเว็บที่ประกอบด้วย "ส่วน" ต่างๆเช่นวิดีโอตัวดึงข้อมูลข่าว ฯลฯ ฉันสับสนเล็กน้อยในการแสดงสิ่งเหล่านี้ด้วย HTML5 ขณะนี้ฉันมีพวกเขาเป็น HTML5 <section>s <article>แต่ในการตรวจสอบต่อไปมันก็ดูพวกเขาแท็กที่ถูกต้องมากขึ้นจะ ใครช่วยแสงนี้ให้ฉันได้บ้าง สิ่งเหล่านี้ไม่มีการโพสต์ในบล็อกหรือ "เอกสาร" ในความหมายที่แท้จริงของคำศัพท์ดังนั้นจึงเป็นการยากที่จะเห็นว่าองค์ประกอบใดที่จะนำไปใช้ ไชโย แก้ไข: ฉันเลือกที่จะใช้articleแท็กเนื่องจากดูเหมือนจะเป็นแท็กคอนเทนเนอร์สำหรับองค์ประกอบที่ไม่เกี่ยวข้องซึ่งฉันคิดว่า "ส่วน" ของฉันคือ บทความ tagname จริง แต่ดูเหมือนว่าจะทำให้เข้าใจผิดและถึงแม้ว่าพวกเขาจะพูดว่า HTML5 ได้รับการพัฒนาโดยคำนึงถึงการใช้งานเว็บแอพพลิเคชั่นมากขึ้น อย่างไรก็ตามขอบคุณสำหรับคำตอบของคุณ

201 html  markup 

หนึ่งสามารถสร้างรายการ (สัญลักษณ์แสดงหัวข้อย่อยลำดับเลขหรือไม่) ภายในตาราง markdown ตารางมีลักษณะดังนี้: | Tables | Are | Cool | | ------------- |:-------------:| -----:| | col 3 is | right-aligned | $1600 | | col 2 is | centered | $12 | | zebra stripes | are neat | $1 | รายการมีลักษณะดังนี้: * one * two * three …

201 html  markdown  github-flavored-markdown 

ฉันมีคอนเทนเนอร์ div และได้กำหนดสไตล์ของมันดังนี้: div#tbl-container { width: 600px; overflow: auto; scrollbar-base-color:#ffeaff } สิ่งนี้ให้ฉันทั้งแถบเลื่อนแนวนอนและแนวตั้งโดยอัตโนมัติเมื่อฉันเติมตารางของฉันซึ่งมีอยู่ใน div นี้ ฉันแค่ต้องการให้แถบเลื่อนแนวนอนเท่านั้นปรากฏขึ้นโดยอัตโนมัติ ฉันจะแก้ไขความสูงของตารางโดยทางโปรแกรม ฉันจะทำสิ่งนี้ได้อย่างไร

200 css  html 

ฉันพยายามที่จะถอดรหัสหน่วยงาน HTML บางอย่างเช่นการเป็น'<''<' ฉันมีอัญมณีเก่าแก่ ( html_helpers ) แต่ดูเหมือนว่ามันจะถูกละทิ้ง คำแนะนำใด ๆ ฉันจะต้องใช้มันในแบบจำลอง

200 html  ruby 

ถ้าฉันมีแท็กส่วนหัว <h1 class="hc-reform">title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } <p>stuff here</p>และหลังจากนั้นผมมีย่อหน้า ฉันจะแน่ใจได้อย่างไรว่าใช้ CSS ที่ทุก<p>แท็กที่ตามh1.hc-reformมาใช้:clear:both; จะเป็น: h1.hc-reform > p{ clear:both; } ด้วยเหตุผลบางอย่างที่ไม่ทำงาน

200 html  css  css-selectors  siblings 

ฉันกำลังพยายามปิดใช้งานแถบเลื่อน html / body ของผู้ปกครองในขณะที่ฉันกำลังใช้ Lightbox คำหลักที่นี่คือปิดการใช้งาน ฉันไม่ได้overflow: hidden;ต้องการที่จะซ่อนมันด้วย สาเหตุของสิ่งนี้คือoverflow: hiddenทำให้ไซต์กระโดดและใช้พื้นที่ในการเลื่อน ฉันต้องการทราบว่ามันเป็นไปได้ที่จะปิดการใช้งานแถบเลื่อนในขณะที่ยังคงแสดงมัน

200 javascript  jquery  html  css