ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingใช้ Div ซ้อนกันหลายๆ ชั้น จะมีผลเสีย อย่างไรบ้างครับ
หน้า: [1] 2   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ใช้ Div ซ้อนกันหลายๆ ชั้น จะมีผลเสีย อย่างไรบ้างครับ  (อ่าน 9390 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
UnzO
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 54
ออฟไลน์ ออฟไลน์

กระทู้: 1,872



ดูรายละเอียด เว็บไซต์
« เมื่อ: 03 มิถุนายน 2008, 12:45:41 »

คือ template ที่ผมได้มา มันใช้ Div มาก เวลาจะขึ้น block ใหม่ มันก็ต้องทวน Div ทั้งหมดเลย ผมไม่รู้ว่า เค้าทำให้มันยุ่งยากทำไม ผมกลัวว่าจะมีผลทาง SEO มากน้อยแค่ไหนอ่าครับ

โค๊ด:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>

<body id="page3">
<div id="main">
<?include ('head.php');?>
<!-- content -->
<div id="content">
<div class="indent_bottom">
<div class="col_1">
<div class="indent">
<div class="block">
<div class="t">
<div class="r">
<div class="b">
<div class="l">
<div class="l_t">
<div class="r_t">
<div class="r_b">
<div class="l_b">
<div class="ind">
<div class="title">

<?php
bla bla
?>

  </div>
                                                         

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
  </div>
  <div class="clear"></div>
<div class="col_1">
<div class="indent">
<div class="block">
<div class="t">
<div class="r">
<div class="b">
<div class="l">
<div class="l_t">
<div class="r_t">
<div class="r_b">
<div class="l_b">
<div class="ind">
<div class="title">

<?php
bla bla
?>
 
</div>
                                                         

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>













  </div>
  <div class="clear"></div>





</div>
       
<?include ('foot.php');?>


ทำมาเยอะแล้วด้วยถ้าให้เปลี่ยนใหม่ เสียเวลาเหมือนกัน แต่ถ้ามันมีผลเสียก็คงต้องเปลี่ยน Cry Cry
บันทึกการเข้า
ฉันไม่มีตัวตน
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 65
ออฟไลน์ ออฟไลน์

กระทู้: 4,817



ดูรายละเอียด
« ตอบ #1 เมื่อ: 03 มิถุนายน 2008, 12:59:24 »

เยอะโคดๆ เพิ่งเคยเห็นเหมือนกัน Grin
บันทึกการเข้า
UnzO
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 54
ออฟไลน์ ออฟไลน์

กระทู้: 1,872



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 03 มิถุนายน 2008, 13:05:03 »

จริงๆ ถ้าดูจากหน้าเว็บ ทำ Div อันเดียวก็ได้แล้ว แต่ผมก็งงเหมือนกัน ทำไมเค้าทำมาเยอะขนาดนี้ เฮ้อ...

ตกลงมันมีผลเสียอะไรป่าวหว่า...  Kiss
บันทึกการเข้า
ultrasad
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 58
ออฟไลน์ ออฟไลน์

กระทู้: 1,175



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 03 มิถุนายน 2008, 13:43:07 »

ตามหลักการแล้ว ใช้ div ก็ดีกว่าใช้ table อ่ะครับ แต่ว่า ถ้าลดมันได้ก้ควรลดครับ ยิ่งน้อยเท่าไหร่ยิ่งดีครับ code น้อยๆ โหลดเร็วดีครับ Smiley
บันทึกการเข้า

ThaiseoBoard | รวมรักใดในภิภพจบโลกา แม้นเลิศหล้า ก็ไม่ถึงกึ่งมารดร | I am Redshirted

ทฤษฎีทาง SEO อาจต้องทำตัว Bold หรือ Underline แต่คำว่า "รัก" ไม่ต้องก็ได้ เพราะเธอคงรู้ว่ามันมีความหมาย และ สำคัญ.

ดาวน์โหลดโปรแกรมฟรี ทำเว็บให้คนใช้ ไม่ได้ทำไว้ให้บอทอ่าน Smiley
msdn
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 8



ดูรายละเอียด
« ตอบ #4 เมื่อ: 03 มิถุนายน 2008, 14:00:19 »

เห็นโค้ดแล้วตกใจครับ ทำไมคนโค้ดถึงได้บ้าพลังอย่างนั้นนะ

ผมว่าการ div ไม่น่าจะมีผล SEO ครับ เพราะเป็น tag ของโปรแกรมสำหรับการวางโครงสร้างของหน้าเว็บ
ซึ่งไม่เหมือนกับ alt, b,h1 อะไรพวกนี้ครับ
บันทึกการเข้า
rapeedu
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 34
ออฟไลน์ ออฟไลน์

กระทู้: 2,044



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 03 มิถุนายน 2008, 14:01:20 »

ตามหลักการแล้ว ใช้ div ก็ดีกว่าใช้ table อ่ะครับ แต่ว่า ถ้าลดมันได้ก้ควรลดครับ ยิ่งน้อยเท่าไหร่ยิ่งดีครับ code น้อยๆ โหลดเร็วดีครับ Smiley
แง่ว เว็บผม table ล้วนเลย สงสัยต้องปรับเว็บอีกแร้ววว แง้ๆๆๆๆ
บันทึกการเข้า

EThaiZone
เจ้าพ่อโลลิค่อน
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 321
ออฟไลน์ ออฟไลน์

กระทู้: 12,518



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 03 มิถุนายน 2008, 14:23:27 »

div เยอะขนาดนี้ กลับไปใช้ table เหมือนเดิมเถอะ   Lips Sealed
บันทึกการเข้า

siamman
บุคคลทั่วไป
« ตอบ #7 เมื่อ: 03 มิถุนายน 2008, 14:29:30 »

กรณีแสดงผลเป็น คอลั่มแบบเทเบิ้ลใช้ ul และ li ด้วยนะครับ เช่น
<div>
   <ul>
      <li>
    ข้อมูล1
      </li>
      <li>
    ข้อมูล2
      </li>
      <li>
    ข้อมูล3
      </li>
      <li>
    ข้อมูล4
      </li>
   <ul>
</div>
จะได้จำง่ายว่าข้อมุลอยู่ใน div ผมเคยใช้Divอย่างเดียวมาเหมือนกัน ตอนแก้จะงงเล็กน้อยเลยใช้แบบนี้แทน

อ่อ ถ้าใช้แบบทวนดิฟข้างบน กลัวว่าจะเสียเวลาโปรเซสหน้าเวบนานขึ้นนะ <<-- อันนี้วิเครสะห์เอง  Tongue
« แก้ไขครั้งสุดท้าย: 03 มิถุนายน 2008, 14:32:30 โดย siamman » บันทึกการเข้า
UnzO
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 54
ออฟไลน์ ออฟไลน์

กระทู้: 1,872



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 03 มิถุนายน 2008, 16:11:33 »

เห็นโค้ดแล้วตกใจครับ ทำไมคนโค้ดถึงได้บ้าพลังอย่างนั้นนะ

ผมว่าการ div ไม่น่าจะมีผล SEO ครับ เพราะเป็น tag ของโปรแกรมสำหรับการวางโครงสร้างของหน้าเว็บ
ซึ่งไม่เหมือนกับ alt, b,h1 อะไรพวกนี้ครับ
คือมันมีผลนะครับ การใช้ Div ทำให้หน้าเว็บเบาครับ บอท มาแล้วชอบ Div มากกว่า Table

แต่กรณีนี้ผมเห็นมันเยอะจนน่าปวดหัว ผมเลยกลัวว่าบอทจะรำคาญ Div อันมากมายรึปล่าว ผมละเซ้งกับคนเขียน Code จริงๆ (ออกแบบเองก็ไม่สวยเหมือนมันออก)

ปล. Template ของ Monster นะเนี้ย  Lips Sealed
บันทึกการเข้า
thenetxx
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 41
ออฟไลน์ ออฟไลน์

กระทู้: 1,986



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 03 มิถุนายน 2008, 16:18:13 »

ก๊ากกกกกกกกก เยอะจิง ๆ ด้วย  Grin


table เหมือนเดิมแหระ -*- ดีแระ
บันทึกการเข้า

Develop site but can't develop life
ASIA
siamman
บุคคลทั่วไป
« ตอบ #10 เมื่อ: 03 มิถุนายน 2008, 16:22:20 »

คือมันมีผลนะครับ การใช้ Div ทำให้หน้าเว็บเบาครับ บอท มาแล้วชอบ Div มากกว่า Table

ยืนยันครับ ผมเคยทำเวบเกมเปิดมา 3 เดือนอินเด็กหลักร้อย เทมเพลตมาจากต้นฉบับเป็น table
ผมเลยแก้เป้น Div ทั้งหมด ปรากฎเดือนเดียว The Bot ก็เข้ามาทลายได้แทบทุกลิ้ง จากเดิม 3 เดือนไม่ไปใหน

หลังจากนั้นก็ไม่เคยใช้เทเบิ้ลอีกเลย

บันทึกการเข้า
มอมแมม
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 38
ออฟไลน์ ออฟไลน์

กระทู้: 1,035



ดูรายละเอียด
« ตอบ #11 เมื่อ: 03 มิถุนายน 2008, 17:04:00 »

โค๊ด:
http://www.thaicss.com/XHTML-Structure-CSS-Layout-%E0%B9%83%E0%B8%99%E0%B8%8A%E0%B8%B5%E0%B8%A7%E0%B8%B4%E0%B8%95/

ถ้าไม่เมื่อยอ่าน ตอนแรกว่าจะหา ไอ้ที่เขาบ่นไว้ตั้งแต่ปีไหนไม่รู้ มาให้ เรื่องของการใช้ table ของเว๊บไทย แต่ฝรั่งเขาไม่ได้ใช้กัน แต่หาไม่เจอ เลยเอาตรงประเด็นมาให้เลยละกัน
บันทึกการเข้า
UnzO
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 54
ออฟไลน์ ออฟไลน์

กระทู้: 1,872



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 03 มิถุนายน 2008, 17:05:53 »

คือมันมีผลนะครับ การใช้ Div ทำให้หน้าเว็บเบาครับ บอท มาแล้วชอบ Div มากกว่า Table

ยืนยันครับ ผมเคยทำเวบเกมเปิดมา 3 เดือนอินเด็กหลักร้อย เทมเพลตมาจากต้นฉบับเป็น table
ผมเลยแก้เป้น Div ทั้งหมด ปรากฎเดือนเดียว The Bot ก็เข้ามาทลายได้แทบทุกลิ้ง จากเดิม 3 เดือนไม่ไปใหน

หลังจากนั้นก็ไม่เคยใช้เทเบิ้ลอีกเลย



ผมเคยทำเว็บกับ CSS (แต่ Div น้อยกว่านี้) Index ทะลุ 300k ไปเลย  Lips Sealed
บันทึกการเข้า
tinnoi
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 90
ออฟไลน์ ออฟไลน์

กระทู้: 2,957



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 03 มิถุนายน 2008, 17:07:23 »

พอดีว่าอ่านกระทู้จากล่างขึ้นบนก่อนเลยรู้สึกคล้อยตามว่าน่าใช้ div

แต่พอดู ตรงที่ จขกท. มาโพสต์ ผมต๊กกะใจเลย

ทำไม div เยอะแบบนี้ *-*
บันทึกการเข้า

UnzO
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 54
ออฟไลน์ ออฟไลน์

กระทู้: 1,872



ดูรายละเอียด เว็บไซต์
« ตอบ #14 เมื่อ: 03 มิถุนายน 2008, 17:14:28 »

ก็นั่นหน่ะสิ ทำเว็บไปได้พอสมควรแล้ว เริ่มมาสังเกตุเห็น ว่า ... "ตูว่า Div มันชักเลอะเทอะไปแล้วนะ!" เลยมาโพสถามเนี้ยแหละ
บันทึกการเข้า
มอมแมม
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 38
ออฟไลน์ ออฟไลน์

กระทู้: 1,035



ดูรายละเอียด
« ตอบ #15 เมื่อ: 03 มิถุนายน 2008, 17:24:35 »

กรณีแสดงผลเป็น คอลั่มแบบเทเบิ้ลใช้ ul และ li ด้วยนะครับ เช่น
<div>
   <ul>
      <li>
    ข้อมูล1
      </li>
      <li>
    ข้อมูล2
      </li>
      <li>
    ข้อมูล3
      </li>
      <li>
    ข้อมูล4
      </li>
   <ul>
</div>
จะได้จำง่ายว่าข้อมุลอยู่ใน div ผมเคยใช้Divอย่างเดียวมาเหมือนกัน ตอนแก้จะงงเล็กน้อยเลยใช้แบบนี้แทน

อ่อ ถ้าใช้แบบทวนดิฟข้างบน กลัวว่าจะเสียเวลาโปรเซสหน้าเวบนานขึ้นนะ <<-- อันนี้วิเครสะห์เอง  Tongue

ตามข้างบน

ไม่อยากจะพิมพ์เลย แต่ก็สงสัยเหมือนกัน ทำไมมันมากมายขนาดนั้น
บันทึกการเข้า
in2clearsky
ก๊วนเสียว
*

พลังน้ำใจ: 44
ออฟไลน์ ออฟไลน์

กระทู้: 375



ดูรายละเอียด
« ตอบ #16 เมื่อ: 03 มิถุนายน 2008, 17:25:09 »

ผมเคยเห็น template ที่ใช้เยอะอย่างนี้เหมือนนะ มันมีวัตถุประสงค์เพื่อเอาไว้ใส่ภาพรอบๆ (div ที่มีขอบสวยๆ) อย่าง <div class="r"> ก็เป็นขอบขวา <div class="t"> ก็เป็นขอบบน <div class="l_t"> ก็มุมบนซ้าย ถ้าเอาออกก็ทำให้ขอบไม่งาม

ส่วนมีผลกะ SEO หรือไม่ อันนี้ก็ไม่รู้เหมือนกันครับ รอคนต่อไป  Embarrassed
บันทึกการเข้า

Dirty Deeds Done Dirt Cheap
UnzO
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 54
ออฟไลน์ ออฟไลน์

กระทู้: 1,872



ดูรายละเอียด เว็บไซต์
« ตอบ #17 เมื่อ: 03 มิถุนายน 2008, 17:34:58 »

ผมเคยเห็น template ที่ใช้เยอะอย่างนี้เหมือนนะ มันมีวัตถุประสงค์เพื่อเอาไว้ใส่ภาพรอบๆ (div ที่มีขอบสวยๆ) อย่าง <div class="r"> ก็เป็นขอบขวา <div class="t"> ก็เป็นขอบบน <div class="l_t"> ก็มุมบนซ้าย ถ้าเอาออกก็ทำให้ขอบไม่งาม

ส่วนมีผลกะ SEO หรือไม่ อันนี้ก็ไม่รู้เหมือนกันครับ รอคนต่อไป  Embarrassed

ถูกต้องแล้วครับ แต่มันก็มีเทคนิคที่ทำได้ให้มันน้อยกว่านี้ (หรือผมอวดเก่งไปเอง  Grin)
บันทึกการเข้า
barbies55
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 417
ออฟไลน์ ออฟไลน์

กระทู้: 11,521



ดูรายละเอียด เว็บไซต์
« ตอบ #18 เมื่อ: 03 มิถุนายน 2008, 17:43:14 »

โอ่ยย สุดยอดเลย divแค่สี่ห้าชั้นก็ปวดหัวแล้ว แต่นี่ อื้อหือออ
บันทึกการเข้า

รับทำเทมเพลท รับโมเทมเพลทให้เข้ากับสคริปต์ต่างๆ


On the Internet, Never One Know You are a Dog.
ผ้าขี้ริ้วห่อทองย่อมเป็นทองฉันใด เอาทองเปลวมาห่อขี้ก็ยังเป็นขี้ฉันนั้น
EThaiZone
เจ้าพ่อโลลิค่อน
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 321
ออฟไลน์ ออฟไลน์

กระทู้: 12,518



ดูรายละเอียด เว็บไซต์
« ตอบ #19 เมื่อ: 03 มิถุนายน 2008, 17:47:05 »

ผมเคยเห็น template ที่ใช้เยอะอย่างนี้เหมือนนะ มันมีวัตถุประสงค์เพื่อเอาไว้ใส่ภาพรอบๆ (div ที่มีขอบสวยๆ) อย่าง <div class="r"> ก็เป็นขอบขวา <div class="t"> ก็เป็นขอบบน <div class="l_t"> ก็มุมบนซ้าย ถ้าเอาออกก็ทำให้ขอบไม่งาม

ส่วนมีผลกะ SEO หรือไม่ อันนี้ก็ไม่รู้เหมือนกันครับ รอคนต่อไป  Embarrassed

ถูกต้องแล้วครับ แต่มันก็มีเทคนิคที่ทำได้ให้มันน้อยกว่านี้ (หรือผมอวดเก่งไปเอง  Grin)

ถ้าทำกรอบภาพแบบ dynamic ก็จำเป็นครับ (นึกถึง table 3x3 แล้วมีขอบบนล่างซ้ายขวา กะมุมอีก 4 ทิศ เหอๆ)
แต่ผมเจอน้อยนะ ที่คนทำ css ดันคิดทำกรอบภาพแบบ dynamic

ส่วนมากจะเ็ป็น static กันหมด ไม่ก็กรอบเส้นหรือไร้กรอบแล้วเล่น bg แทน

 Tongue
บันทึกการเข้า

หน้า: [1] 2   ขึ้นบน
พิมพ์