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

HTML (HyperText Markup Language) เป็นภาษามาร์กอัปหลักสำหรับการสร้างเว็บเพจและข้อมูลอื่น ๆ ที่จะแสดงในเว็บเบราว์เซอร์ คำถามเกี่ยวกับ HTML ควรมีตัวอย่างที่ทำซ้ำได้น้อยที่สุดและแนวคิดบางประการเกี่ยวกับสิ่งที่คุณพยายามทำ แท็กนี้ไม่ค่อยได้ใช้คนเดียวและมักจะจับคู่กับ [CSS] และ [javascript]

5
คุณลักษณะของ "บทบาท" ใน HTML คืออะไร?
ฉันเห็นคุณลักษณะของบทบาทในงานของบางคน ฉันใช้มันเหมือนกัน แต่ฉันไม่แน่ใจเกี่ยวกับผลกระทบของมัน ตัวอย่างเช่น: <header id="header" role="banner"> Header stuff in here </header> หรือ: <section id="facebook" role="contentinfo"> Facebook stuff in here </section> หรือ: <section id="main" role="main"> Main content stuff in here </section> แอ็ตทริบิวต์บทบาทนี้จำเป็นหรือไม่? คุณลักษณะนี้ดีกว่าสำหรับซีแมนทิกส์หรือไม่ ปรับปรุง SEO หรือไม่ รายการของบทบาทสามารถพบได้ที่นี่แต่ฉันเห็นบางคนทำขึ้นเอง นั่นเป็นสิ่งที่ได้รับอนุญาตหรือใช้งานอย่างถูกต้องของบทบาทของบทบาท ความคิดใด ๆ เกี่ยวกับเรื่องนี้?
1165 html  optimization  seo  roles 

25
วิธีจัดแนวเนื้อหาของ div ให้อยู่ด้านล่าง
สมมติว่าฉันมีรหัส CSS และ HTML ดังต่อไปนี้: #header { height: 150px; } <div id="header"> <h1>Header title</h1> Header content (one or multiple lines) </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล ส่วนหัวมีความสูงคงที่ แต่เนื้อหาส่วนหัวอาจเปลี่ยนไป ฉันต้องการเนื้อหาของส่วนหัวที่จะจัดตำแหน่งในแนวตั้งที่ด้านล่างของส่วนหัวดังนั้นบรรทัดสุดท้ายของข้อความ "sticks" ที่ด้านล่างของส่วนหัว ดังนั้นหากมีข้อความเพียงบรรทัดเดียวมันจะเป็นเช่น: ----------------------------- | ชื่อส่วนหัว | | | | เนื้อหาส่วนหัว (ส่งผลให้หนึ่งบรรทัด) ----------------------------- และถ้ามีสามบรรทัด: ----------------------------- | ชื่อส่วนหัว | | เนื้อหาส่วนหัว (ซึ่งเป็นเช่นนั้น | สิ่งที่สมบูรณ์แบบมาก | ครอบคลุมมากกว่าสามบรรทัด) …

30
ซ่อนแถบเลื่อน แต่ในขณะที่ยังคงสามารถเลื่อนได้
ฉันต้องการที่จะเลื่อนดูทั้งหน้า แต่ไม่มีแถบเลื่อนที่แสดง ใน Google Chrome มันคือ: ::-webkit-scrollbar { display: none; } แต่ Mozilla Firefox และ Internet Explorer ดูเหมือนจะไม่ทำงานเช่นนั้น ฉันยังลองใน CSS: overflow: hidden; มันซ่อนแถบเลื่อน แต่ฉันไม่สามารถเลื่อนได้อีก มีวิธีที่ฉันสามารถลบแถบเลื่อนในขณะที่ยังสามารถเลื่อนหน้าทั้งหมดได้หรือไม่? ด้วย CSS หรือ HTML

29
jQuery รับตัวเลือกที่เลือกจากดรอปดาวน์
ฉันมักจะใช้$("#id").val()เพื่อส่งกลับค่าของตัวเลือกที่เลือก แต่คราวนี้มันไม่ทำงาน แท็กที่เลือกมี IDaioConceptName รหัส html <label>Name</label> <input type="text" name="name" /> <select id="aioConceptName"> <option>choose io</option> <option>roma</option> <option>totti</option> </select>
1127 javascript  jquery  html 

30
ฉันจะลบช่องว่างระหว่างองค์ประกอบ inline / inline-block ได้อย่างไร
รับ HTML และ CSS นี้: span { display:inline-block; width:100px; background-color:palevioletred; } <p> <span> Foo </span> <span> Bar </span> </p> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล ดังนั้นจะมีช่องว่างกว้าง 4 พิกเซลระหว่างองค์ประกอบ SPAN การสาธิต: http://jsfiddle.net/dGHFV/ ฉันเข้าใจว่าทำไมสิ่งนี้ถึงเกิดขึ้นและฉันก็รู้ว่าฉันสามารถกำจัดพื้นที่นั้นได้ด้วยการลบช่องว่างสีขาวระหว่างองค์ประกอบ SPAN ในซอร์สโค้ด HTML เช่น: <p> <span> Foo </span><span> Bar </span> </p> อย่างไรก็ตามฉันหวังว่าโซลูชัน CSS ที่ไม่ต้องการซอร์สโค้ด HTML จะต้องได้รับการแก้ไข ฉันรู้วิธีแก้ปัญหานี้ด้วย JavaScript - โดยการลบโหนดข้อความจากองค์ประกอบภาชนะ (ย่อหน้า) เช่น: …
1066 html  css 

25
รักษาอัตราส่วนภาพของ div ด้วย CSS
ฉันต้องการสร้าง divที่สามารถเปลี่ยนความกว้าง / ความสูงได้เมื่อความกว้างของหน้าต่างเปลี่ยนไป มีกฎ CSS3 ใด ๆ ที่จะช่วยให้ความสูงในการเปลี่ยนแปลงตามความกว้างในขณะที่รักษาอัตราส่วน ? ฉันรู้ว่าฉันสามารถทำได้ผ่าน JavaScript แต่ฉันต้องการใช้ CSS เท่านั้น

7
Local Storage vs Cookies
ฉันต้องการลดเวลาในการโหลดบนเว็บไซต์ของฉันโดยย้ายคุกกี้ทั้งหมดไปยังที่จัดเก็บในตัวเครื่องเนื่องจากดูเหมือนว่าจะมีฟังก์ชั่นเดียวกัน มีข้อดี / ข้อเสีย (โดยเฉพาะประสิทธิภาพที่ชาญฉลาด) ในการใช้ที่จัดเก็บในตัวเครื่องเพื่อแทนที่ฟังก์ชั่นคุกกี้ยกเว้นปัญหาความเข้ากันได้ที่ชัดเจน

11
วิธีสร้างช่องทำเครื่องหมายที่มีป้ายกำกับที่คลิกได้?
ฉันจะสร้างช่องทำเครื่องหมาย HTML ด้วยป้ายกำกับที่สามารถคลิกได้ (ซึ่งหมายความว่าการคลิกที่ป้ายกำกับจะเป็นการเปิด / ปิดช่องทำเครื่องหมาย)
1021 html  checkbox  click  label 

11
การเลือกองค์ประกอบโดย data data
มีวิธีที่ง่ายและตรงไปตรงมาในการเลือกองค์ประกอบตามdataคุณลักษณะของพวกเขา? ตัวอย่างเช่นเลือกแองเคอทั้งหมดที่มีแอตทริบิวต์ข้อมูลชื่อที่มีค่าของ customerID22 ฉันลังเลที่จะใช้relหรือคุณลักษณะอื่น ๆ เพื่อจัดเก็บข้อมูลดังกล่าว แต่ฉันพบว่ามันยากมากที่จะเลือกองค์ประกอบตามข้อมูลที่เก็บไว้ในนั้น


27
วิธีการใช้ CSS กับ iframe?
ฉันมีหน้าง่าย ๆ ที่มีบางส่วน iframe (เพื่อแสดงลิงก์ RSS) ฉันจะใช้รูปแบบ CSS เดียวกันจากหน้าหลักไปยังหน้าที่แสดงใน iframe ได้อย่างไร
1017 html  css  iframe  rss 

23
วิธีเขียน a: hover ใน CSS แบบอินไลน์
ฉันมีกรณีที่ฉันต้องเขียนโค้ด CSS แบบอินไลน์และฉันต้องการที่จะใช้สไตล์โฉบบนสมอ ฉันจะใช้a:hoverinline CSS ภายในแอตทริบิวต์สไตล์ HTML ได้อย่างไร เช่นคุณไม่สามารถใช้คลาส CSS ในอีเมล HTML ได้อย่างน่าเชื่อถือ
1016 html  css  inline-styles 

9
การเพิ่มเอนทิตี HTML โดยใช้เนื้อหา CSS
คุณจะใช้คุณสมบัติCSS contentเพื่อเพิ่มเอนทิตีHTML ได้อย่างไร การใช้บางสิ่งเช่นนี้เพียงพิมพ์ ไปที่หน้าจอแทนที่จะเป็นพื้นที่ไม่แตกหัก: .breadcrumbs a:before { content: ' '; }

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

11
รับค่าในกล่องข้อความอินพุต
วิธีการรับและแสดงค่าอินพุตโดยใช้ jQuery มีวิธีใดบ้าง นี่คือหนึ่ง: $(document).ready(function() { $("#txt_name").keyup(function() { alert($(this).val()); }); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> <input type="text" id="txt_name" /> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.