ใช้ Div ซ้อนกันหลายๆ ชั้น จะมีผลเสีย อย่างไรบ้างครับ

เริ่มโดย UnzO, 03 มิถุนายน 2008, 12:45:41

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

พิมพ์
ลง หน้า1 2
การกระทำของผู้ใช้

UnzO

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');?>


ทำมาเยอะแล้วด้วยถ้าให้เปลี่ยนใหม่ เสียเวลาเหมือนกัน แต่ถ้ามันมีผลเสียก็คงต้องเปลี่ยน :'( :'(

ฉันไม่มีตัวตน

#1
03 มิถุนายน 2008, 12:59:24
เยอะโคดๆ เพิ่งเคยเห็นเหมือนกัน ;D

UnzO

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

ตกลงมันมีผลเสียอะไรป่าวหว่า...  :-*

ultrasad

#3
03 มิถุนายน 2008, 13:43:07
ตามหลักการแล้ว ใช้ div ก็ดีกว่าใช้ table อ่ะครับ แต่ว่า ถ้าลดมันได้ก้ควรลดครับ ยิ่งน้อยเท่าไหร่ยิ่งดีครับ code น้อยๆ โหลดเร็วดีครับ :)
[direct=http://www.thaiseoboard.com]ThaiseoBoard[/direct] | รวมรักใดในภิภพจบโลกา แม้นเลิศหล้า ก็ไม่ถึงกึ่งมารดร | I am Redshirted

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

[direct=http://download.scriptinw.com]ดาวน์โหลดโปรแกรมฟรี[/direct] ทำเว็บให้คนใช้ ไม่ได้ทำไว้ให้บอทอ่าน :)

msdn

#4
03 มิถุนายน 2008, 14:00:19
เห็นโค้ดแล้วตกใจครับ ทำไมคนโค้ดถึงได้บ้าพลังอย่างนั้นนะ

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

rapeedu

#5
03 มิถุนายน 2008, 14:01:20
อ้างถึงจาก: ultrasad ใน 03 มิถุนายน 2008, 13:43:07
ตามหลักการแล้ว ใช้ div ก็ดีกว่าใช้ table อ่ะครับ แต่ว่า ถ้าลดมันได้ก้ควรลดครับ ยิ่งน้อยเท่าไหร่ยิ่งดีครับ code น้อยๆ โหลดเร็วดีครับ :)
แง่ว เว็บผม table ล้วนเลย สงสัยต้องปรับเว็บอีกแร้ววว แง้ๆๆๆๆ
[direct=http://emonitorplus.com]บริการรับส่ง Email Marketing[/direct] [direct=http://emonitorplus.com]บริการรับส่งข่าวสารด้วย E-mail[/direct][direct=http://emonitorplus.com/%E0%B8%9C%E0%B8%A5%E0%B8%87%E0%B8%B2%E0%B8%99-email-marketing-%E0%B8%A5%E0%B8%B9%E0%B8%81%E0%B8%84%E0%B9%89%E0%B8%B2/]ผลการส่ง Email marketing[/direct]
[direct=https://www.facebook.com/emonitorplus]บริการรับส่ง email marketing[/direct]
[direct=http://emonitorplus.com/]รับส่ง email marketing[/direct]

EThaiZone

#6
03 มิถุนายน 2008, 14:23:27
div เยอะขนาดนี้ กลับไปใช้ table เหมือนเดิมเถอะ   :-X

siamman

#7
03 มิถุนายน 2008, 14:29:30 แก้ไขล่าสุด: 03 มิถุนายน 2008, 14:32:30 โดย siamman
กรณีแสดงผลเป็น คอลั่มแบบเทเบิ้ลใช้ ul และ li ด้วยนะครับ เช่น
<div>
   <ul>
      <li>
    ข้อมูล1
      </li>
      <li>
    ข้อมูล2
      </li>
      <li>
    ข้อมูล3
      </li>
      <li>
    ข้อมูล4
      </li>
   <ul>
</div>
จะได้จำง่ายว่าข้อมุลอยู่ใน div ผมเคยใช้Divอย่างเดียวมาเหมือนกัน ตอนแก้จะงงเล็กน้อยเลยใช้แบบนี้แทน

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

UnzO

#8
03 มิถุนายน 2008, 16:11:33
อ้างถึงจาก: msdn ใน 03 มิถุนายน 2008, 14:00:19
เห็นโค้ดแล้วตกใจครับ ทำไมคนโค้ดถึงได้บ้าพลังอย่างนั้นนะ

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

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

ปล. Template ของ Monster นะเนี้ย  :-X

thenetxx

#9
03 มิถุนายน 2008, 16:18:13
ก๊ากกกกกกกกก เยอะจิง ๆ ด้วย  ;D


table เหมือนเดิมแหระ -*- ดีแระ
Develop site but can't develop life
ASIA

siamman

#10
03 มิถุนายน 2008, 16:22:20
อ้างถึงจาก: UnzO ใน 03 มิถุนายน 2008, 16:11:33
คือมันมีผลนะครับ การใช้ Div ทำให้หน้าเว็บเบาครับ บอท มาแล้วชอบ Div มากกว่า Table

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

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

มอมแมม

#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

#12
03 มิถุนายน 2008, 17:05:53
อ้างถึงจาก: siamman ใน 03 มิถุนายน 2008, 16:22:20
อ้างถึงจาก: UnzO ใน 03 มิถุนายน 2008, 16:11:33
คือมันมีผลนะครับ การใช้ Div ทำให้หน้าเว็บเบาครับ บอท มาแล้วชอบ Div มากกว่า Table

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

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



ผมเคยทำเว็บกับ CSS (แต่ Div น้อยกว่านี้) Index ทะลุ 300k ไปเลย  :-X

tinnoi

#13
03 มิถุนายน 2008, 17:07:23
พอดีว่าอ่านกระทู้จากล่างขึ้นบนก่อนเลยรู้สึกคล้อยตามว่าน่าใช้ div

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

ทำไม div เยอะแบบนี้ *-*
[direct=https://trainee.naruthee.com]หาที่ฝึกงาน[/direct] ,
[direct=http://www.piyamitrgroup.com]รับรื้อถอน[/direct] ,
[direct=https://fastvisa2024.weebly.com/]รับทำวีซ่า[/direct] ,
[direct=https://business.10thai.com]10thai[/direct]

UnzO

#14
03 มิถุนายน 2008, 17:14:28
ก็นั่นหน่ะสิ ทำเว็บไปได้พอสมควรแล้ว เริ่มมาสังเกตุเห็น ว่า ... "ตูว่า Div มันชักเลอะเทอะไปแล้วนะ!" เลยมาโพสถามเนี้ยแหละ

มอมแมม

#15
03 มิถุนายน 2008, 17:24:35
อ้างถึงจาก: siamman ใน 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อย่างเดียวมาเหมือนกัน ตอนแก้จะงงเล็กน้อยเลยใช้แบบนี้แทน

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

ตามข้างบน

ไม่อยากจะพิมพ์เลย แต่ก็สงสัยเหมือนกัน ทำไมมันมากมายขนาดนั้น

in2clearsky

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

ส่วนมีผลกะ SEO หรือไม่ อันนี้ก็ไม่รู้เหมือนกันครับ รอคนต่อไป  :-[
Dirty Deeds Done Dirt Cheap

UnzO

#17
03 มิถุนายน 2008, 17:34:58
อ้างถึงจาก: in2clearsky ใน 03 มิถุนายน 2008, 17:25:09
ผมเคยเห็น template ที่ใช้เยอะอย่างนี้เหมือนนะ มันมีวัตถุประสงค์เพื่อเอาไว้ใส่ภาพรอบๆ (div ที่มีขอบสวยๆ) อย่าง <div class="r"> ก็เป็นขอบขวา <div class="t"> ก็เป็นขอบบน <div class="l_t"> ก็มุมบนซ้าย ถ้าเอาออกก็ทำให้ขอบไม่งาม

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

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

barbies55

#18
03 มิถุนายน 2008, 17:43:14
โอ่ยย สุดยอดเลย divแค่สี่ห้าชั้นก็ปวดหัวแล้ว แต่นี่ อื้อหือออ
รับทำเทมเพลท รับโมเทมเพลทให้เข้ากับสคริปต์ต่างๆ


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

EThaiZone

#19
03 มิถุนายน 2008, 17:47:05
อ้างถึงจาก: UnzO ใน 03 มิถุนายน 2008, 17:34:58
อ้างถึงจาก: in2clearsky ใน 03 มิถุนายน 2008, 17:25:09
ผมเคยเห็น template ที่ใช้เยอะอย่างนี้เหมือนนะ มันมีวัตถุประสงค์เพื่อเอาไว้ใส่ภาพรอบๆ (div ที่มีขอบสวยๆ) อย่าง <div class="r"> ก็เป็นขอบขวา <div class="t"> ก็เป็นขอบบน <div class="l_t"> ก็มุมบนซ้าย ถ้าเอาออกก็ทำให้ขอบไม่งาม

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

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

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

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

:P
พิมพ์
ขึ้น หน้า1 2
การกระทำของผู้ใช้