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

ทุกวันนี้บ่อยครั้งที่สิ่งที่<img>แท็กสามารถทำได้สำเร็จด้วยบางสิ่งเช่น<div>ชุดภาพพื้นหลัง CSS โดยใช้ CSS 'สไปรต์' และออฟเซ็ต ฉันสงสัยว่าลักษณะพิเศษของเขาที่มีต่อ SEO นั้นเป็นอย่างไรเมื่อเราสูญเสียaltแอตทริบิวต์ (ซึ่งจัดทำดัชนีโดย Google) และติดอยู่กับแอตทริบิวต์ 'ชื่อ' (ซึ่งเท่าที่ฉันเข้าใจไม่ได้จัดทำดัชนี) นี่เป็นข้อเสียที่สำคัญหรือไม่

18 seo  css 

ล็อคแล้ว คำถามและคำตอบของคำถามนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันมีไฟล์ CSS และไฟล์ HTML ขนาดใหญ่ ฉันต้องการทราบว่ากฎใดที่ไม่ได้ใช้ในขณะที่แสดงไฟล์ HTML มีเครื่องมือสำหรับสิ่งนี้หรือไม่? ไฟล์ CSS มีการพัฒนาในช่วงไม่กี่ปีที่ผ่านมาและจากสิ่งที่ฉันรู้ว่าไม่มีใครได้ลบอะไรออกไปจากมัน - ผู้คนเพิ่งเขียนกฎการเอาชนะใหม่ครั้งแล้วครั้งเล่า แก้ไข: แนะนำให้ใช้ตัวเลือก Dust-Meหรือเครื่องมือประสิทธิภาพเว็บเพจของ Chrome แต่พวกเขาทั้งคู่ทำงานในระดับของตัวเลือกและไม่ใช่กฎแต่ละข้อ ฉันมีหลายกรณีที่กฎในตัวเลือกถูกแทนที่อยู่เสมอ - และนี่คือสิ่งที่ฉันต้องการกำจัดส่วนใหญ่ ตัวอย่างเช่น: body { color: white; padding: 10em; } h1 { color: black; } p { color: black; } ... ul { color: black; } ข้อความทั้งหมดใน …

18 css  optimization 

ฉันกำลังเผยแพร่รหัสหลามบนเว็บไซต์ (นั่นคือ CMS) ฉันมีสคริปต์หลามที่อ่านสคริปต์หลามใด ๆ และทำให้ HTML สีไวยากรณ์ออกมาจากมัน จากนั้นฉันก็คัดลอก / วาง HTML นี้ในหน้าต่างแก้ไข CMS ปัญหาคือว่าสคริปต์การเน้นภาษาไพ ธ อนของฉันใช้<pre>แท็กเพื่อเก็บแท็บ / ช่องว่างซึ่งค่อนข้างสำคัญในงูหลาม อย่างไรก็ตาม CMS จะลบ<pre>แท็กออกด้วยเหตุผลบางประการ ผู้ดูแลระบบบอกผมว่าผมควรจะใช้แทน<div> <pre>คุณสามารถช่วยฉันจัดแต่งทรงผม<div>เพื่อรักษารูปแบบพื้นที่ว่างได้หรือไม่?

18 html  css 

ตามคำแนะนำของ Google Webmaster "ข้อความที่ซ่อนอยู่" ไม่เป็นที่ยอมรับ ซึ่งหมายความว่าฉันมี dov ที่มีจำนวนชื่อเรื่องหรือย่อหน้าที่ดีพร้อมลิงก์หรือรูปภาพหากฉันแสดงมัน: ไม่มีใน CSS ของฉันมันขัดต่อนโยบายการรวบรวมข้อมูลของ Google (นั่นคือลักษณะที่ปรากฏ) คำถามของฉันคือถ้าฉันใช้ภายในเคียวรีสื่อว่า Google จะโต้ตอบอย่างไร ฉันหมายถึง @media handheld, only screen and (max-width: 767px) { body { } .mobile-friendly{ display:none;} } สำหรับการพัฒนาเว็บไซต์ที่เป็นของเหลวเรามักจะต้องซ่อนเนื้อหาบางอย่างเพื่อให้เว็บไซต์เป็นมิตรกับมือถือ แทนที่จะสร้าง CSS สำหรับแต่ละเบราว์เซอร์ตอนนี้เราโค้ด css ภายในไฟล์เดียวกันและกำหนดพฤติกรรมของเบราว์เซอร์โดยใช้คำสั่งสื่อ ดังนั้น google จะดำเนินการใด ๆ กับมันได้หรือไม่ - Piont เพิ่มเติม / คำถามขอบคุณ @John Conde; คุณพูดถูก …

16 css  web-development  google  seo  media 

สิ่งใหม่ HTML5 / CSS3 (Web8!) ฟังดูเจ๋ง! ฉันควรเริ่มใช้ทันทีหรือใช้ css / xhtml รอจนกว่าเบราว์เซอร์เพิ่มเติมสามารถใช้ได้หรือไม่

16 html5  css3  css  xhtml 

ฉันเพิ่มประสิทธิภาพความเร็วในการโหลดหน้าเว็บไซต์ หนึ่งในวิธีคือการรวมหลายคำขอ HTTP สำหรับ CSS เป็นหนึ่งคำขอ HTTP รวม แต่ผู้ตรวจสอบคนหนึ่งถามคำถามที่น่าสนใจว่าจะไม่ทำให้การดาวน์โหลดไฟล์ CSS หลาย ๆ ไฟล์ซ้ำซ้อนลดเวลาในการโหลดหน้าเว็บหรือไม่ ฉันไม่เคยพิจารณาตัวเลือกนี้เนื่องจากสิ่งเดียวที่ฉันอ่านบนอินเทอร์เน็ตคือการลดจำนวนคำขอ HTTP (บล็อก) เป็นกุญแจสำคัญในหน้าเว็บที่เร็วขึ้น (แม้ว่า Google Pagespeed Insights จะไม่ได้ระบุ1นี้อย่างชัดเจน) ฉันเห็นเหตุผลสองสามข้อที่ว่าทำไมการเทียบกันจะไม่ปรับปรุงประสิทธิภาพหรือมีความสำคัญเพียงเล็กน้อย (เทียบกับประโยชน์ของการใช้คำขอ HTTP ที่น้อยลง): การตั้งค่าการเชื่อมต่อใหม่นั้นมีราคาแพง ในขณะที่การตั้งค่าการเชื่อมต่อหลายรายการสามารถทำได้ในแบบคู่ขนานเบราว์เซอร์จะใช้การเชื่อมต่อประมาณ 4-6 ครั้ง (ขึ้นอยู่กับเบราว์เซอร์) ดังนั้นการดาวน์โหลด CSS แบบขนานจะเป็นการบล็อกการดาวน์โหลดเนื้อหาอื่น ๆ เช่น JavaScript และรูปภาพ การตั้งค่าการเชื่อมต่อ HTTPS จะใช้ข้อมูลพิเศษบางอย่าง ฉันได้อ่านสิ่งนี้อาจเป็นข้อมูลไม่กี่ KB นี่คือข้อมูลพิเศษบางอย่างที่ต้องส่งผ่านสายแทน CSS ที่เราต้องการส่งจริง เนื่องจากอัลกอริธึมเริ่มช้าของ TCP ยิ่งมีการส่งข้อมูลผ่านการเชื่อมต่อมากเท่าไหร่การเชื่อมต่อก็จะยิ่งเร็วขึ้นเท่านั้น ดังนั้นการเชื่อมต่อที่มีอายุมากกว่าจะส่งข้อมูลได้เร็วกว่าการเชื่อมต่อใหม่ …

15 css  performance 

ซักพักฉันตอบคำถามนี้ใน Stack Overflow: /programming/5078239/how-to-remove-the-space-between-inline-block-elements ปัญหาคือองค์ประกอบที่display: inline-blockมี "ช่องว่างพิเศษ" เนื่องจากได้รับผลกระทบจากช่องว่างใน HTML ดู: http://jsfiddle.net/thirtydot/4z4v2/ ตามที่ปรากฏช่องว่างสามารถลบออกได้โดยการลบช่องว่างใน HTML อย่างไรก็ตามการลบช่องว่างออกนั้นบางครั้งเป็นการแก้ไขที่ไม่พึงประสงค์: ตัวอย่างเช่นทำให้ HTML ทำงานได้ยากขึ้น ดังนั้นฉันแนะนำวิธีแก้ปัญหานี้: http://jsfiddle.net/thirtydot/4z4v2/1/ ul { font-size: 0; letter-spacing: -1px; } li { font-size: medium; letter-spacing: normal; } ( letter-spacingจำเป็นต้องกำจัดช่องว่างทั้งหมดใน Safari) และนั่นก็คือ .. .. ถึงความคิดเห็นที่โผล่ขึ้นมาเมื่อมีการแนะนำเทคนิคนี้ในคำตอบอื่น : โปรดใช้ความระมัดระวังกับรหัสนี้เนื่องจากโปรแกรมรวบรวมข้อมูลเว็บอาจตีความได้ว่าเป็นการละเมิดเนื่องจากคุณซ่อนข้อความไว้อย่างชัดเจนภายในองค์ประกอบที่มีลิงก์ เป็นความจริงที่ว่าลิงก์นั้นสามารถมองเห็นได้ด้วยกฎเฉพาะเจาะจงที่สูงขึ้น แต่ยังโปรแกรมรวบรวมข้อมูลเว็บยังเห็นลิงก์จำนวนมากภายในคอนเทนเนอร์ซึ่งบอกบรรพบุรุษของมันทั้งหมดเพื่อซ่อนเนื้อหาที่เป็นข้อความ ผมเคยใช้เทคนิคนี้เพียงหนึ่งเว็บไซต์ (..I มักจะเพียงแค่ลบช่องว่าง) และเว็บไซต์ที่ได้รับการจัดอันดับอย่างถูกต้องใน Google (ไม่มีการเชื่อมโยงขออภัย) …

14 seo  google  html  css 

ดูเหมือนว่าแถบเมนูของฉันจะแสดงแบบอักษรที่แตกต่างกันใน Firefox มากกว่าใน Chrome ดูต่อไปนี้: นี่คือ CSS ที่ใช้กับองค์ประกอบนี้: font-variant: small-caps; font-size:13px; letter-spacing: 0px; font-family: Arial; font-stretch: normal; text-decoration: none; เท่าที่ฉันสามารถบอกได้ทุกอย่างเกี่ยวกับแบบอักษรนั้นเหมือนกัน แต่พวกเขาก็ยังแสดงแตกต่างกัน (ดูรูป) ทำไม?

14 css  firefox  google-chrome 

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

14 css  images  load-time 

ล็อคแล้ว คำถามและคำตอบของคำถามนี้ถูกล็อคเนื่องจากคำถามอยู่นอกหัวข้อ แต่มีความสำคัญทางประวัติศาสตร์ ขณะนี้ไม่ยอมรับคำตอบหรือการโต้ตอบใหม่ ฉันรับรู้ถึงเฟืองสำหรับการรวมไฟล์จาวาสคริปต์ แต่ยังไม่ได้ลอง ตัวเลือกอื่น ๆ คืออะไรและมีวิธีการอย่างไร?

14 optimization  javascript  css 

ขณะนี้ฉันกำลังทำงานกับเว็บไซต์ 100,000 หน้าการออกแบบในปัจจุบันมีมานานกว่า 5 ปีและการปรับปรุงอย่างต่อเนื่องส่งผลให้มีไฟล์ CSS ไลน์มากกว่า 12,000 ไฟล์ เห็นได้ชัดว่า CSS นั้นกลายเป็นเรื่องไม่สะดวกไปหลายรูปแบบได้ถูกทำซ้ำและแทบจะเป็นไปไม่ได้เลยที่จะรู้ว่ามีการใช้รูปแบบใดบ้าง เราสามารถย่อขนาดได้ แต่นี่ไม่ใช่การแก้ปัญหาจริงๆเพียงแค่ชะลอการทำงานซ้ำอย่างหลีกเลี่ยงไม่ได้ ดังนั้นสามคำถามจะมีเครื่องมือออกมีสำหรับ ... ยกเลิกการทำซ้ำไฟล์ CSS ขนาดใหญ่หรือไม่ สแกนไซต์และบันทึกคลาส CSS และ ID ใช้หรือไม่ สามารถทำการสแกนด้วยสคริปต์บางชนิด greasemonkey อาจจะ?

13 css  looking-for-a-script 

ฉันประสบเหตุการณ์แปลก ๆ บนเว็บไซต์ที่ฉันกำลังสร้างในขณะนี้ซึ่งภาพจะแสดง 90 องศาแตกต่างจากที่ควรจะเป็น แต่ในขณะที่ยังคงรักษาขนาดปกติของภาพที่ฉันระบุ สิ่งนี้จะเกิดขึ้นกับ Safari ใน iPad และ iPhone สำหรับฉันเท่านั้น ... เบราว์เซอร์อื่น ๆ ทั้งหมดไม่มีปัญหานี้ ความคิดใด ๆ หน้าคำถามดังกล่าวสามารถดูได้ที่นี่: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/

13 css  images  iphone  ipad 

เว็บ 'Bookman Old Style' ปลอดภัยหรือไม่ ถ้าไม่มีบางสิ่งที่ดูคล้ายกันซึ่งปลอดภัยกว่าหรือไม่

13 css  web-development  fonts 

ฉันใช้ CSS เพื่อวางภาพจำนวนมากของฉัน (เป็นพื้นหลัง<div>) และฉันมักจะพบว่าพวกเขาโหลดช้ามากด้วยวิธีนี้ พวกเขาดูเหมือนจะเป็นสิ่งสุดท้ายที่จะโหลด แม้แต่ภาพไอคอนขนาดเล็กเล็ก ๆ ก็ใช้เวลาสักครู่ในการแสดงวิธีนี้ มีวิธีบอกเบราว์เซอร์เป็นลำดับความสำคัญสำหรับภาพหรือไม่ หรือเอาไปดาวน์โหลดรูปภาพในไฟล์ CSS ก่อนหน้าและสร้างมันขึ้นมาก่อน?

13 css  images  load-time 

ฉันรู้ว่า CSS ในเว็บไซต์ได้รับการคุ้มครองภายใต้ลิขสิทธิ์ของเว็บไซต์เนื่องจากถือว่าเป็นส่วนหนึ่งของการออกแบบโดยรวม ฉันรู้ว่ารูปภาพที่ใช้ใน CSS นั้นมีลิขสิทธิ์ CSS ใช้เวลาในการสร้างภาพอย่างไร? มีชุดไอคอน CSS3 ที่มีค่าธรรมเนียมใบอนุญาต $ 25 ผู้พัฒนารายอื่นอ้างว่ารูปภาพเหล่านั้นเป็นลิขสิทธิ์และผิดกฎหมายที่จะใช้ไอคอนใด ๆ เว้นแต่คุณจะจ่ายค่าธรรมเนียม ฉันบอกว่าคุณไม่สามารถจดลิขสิทธิ์รหัสอันใดอันหนึ่งได้และหากฉันสร้างไอคอนลูกศรหรือแผ่นดิสก์ขึ้นใหม่ใน CSS ของฉัน (ไม่ว่าฉันจะคัดลอกรหัสของเขาหรือเขียนของตัวเอง) เขาไม่มีสิทธิ์ CSS สามารถลิขสิทธิ์ด้วยตัวเองได้หรือไม่

13 css  copyright  css3