Css 如何改进此HTML代码
接下来的问题是，大多数人说下面的HTML标记非常糟糕。因此，我实现了他们的一个建议，即将表更改为divCss 如何改进此HTML代码,css,layout,html,Css,Layout,Html,接下来的问题是，大多数人说下面的HTML标记非常糟糕。因此，我实现了他们的一个建议，即将表更改为div <html> <head> <title>Abyssal Warder Fire</title> <link href="http://225175.edicypages.com/stylesheets/cards.css" type="text/css" rel="stylesheet"/> </head>
<html>
<head>
<title>Abyssal Warder Fire</title>
<link href="http://225175.edicypages.com/stylesheets/cards.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="pictureholder"><img src="http://lh5.googleusercontent.com/_qvhVKLFln2A/TU-51_bGZ9I/AAAAAAAAEW4/uAmzL3e-vn0/Abyssal%20Warder%20fire.jpg" /></div>
<div class="information">
<div class="Orbs">
<div class="layout">Orbs:</div>
<div class="value"><img src="http://225175.edicypages.com/photos/N.jpg" /><img src="http://225175.edicypages.com/photos/N.jpg" /><img src="http://225175.edicypages.com/photos/N.jpg" /> <i>(3)</i></div>
<div class="Affinity">
<div class="layout">Affinity:</div>
<div class="value"><font color="red">Fire</font></div>
</div>
<div class="Energy">
<div class="layout">Energy:</td>
<div class="value">250</td>
</div>
<div class="Type">
<div class="layout">Type:</td>
<div class="value">Creature <i>(Giant Destroyer)</i></div>
</div>
<div class="Charges">
<div class="layout">Charges:</div>
<div class="value">1</div>
</div>
<div class="Rarity">
<div class="layout">Rarity:</div>
<div class="value">UR</div>
</div>
<div class="Edition">
<div class="layout">Edition:</div>
<div class="value">Lost Souls</div>
</div><br />
<div class="WeaponType">
<div class="layout">Weapon:</div>
<div class="value">L</div>
</div>
<div class="Size">
<div class="layout">Size:</div>
<div class="value">XL</div>
</div>
<div class="Attack">
<td class="layout">Attack:</div>
<td class="value">2500</div>
</div>
<div class="Defense">
<div class="layout">Defense:</div>
<div class="value">2500</div>
</div>
<div class="CardID">
<div class="layout">CardID:</div>
<div class="value"></div>
</div><br />
<div class="Abilities">
<p class="description"><i>
<img src="http://225175.edicypages.com/photos/Activated.jpg" />Crystal Spikes - Activate to ram Abyssal Warder's crystaline fist into the ground. Crystal Spikes will erupt from the ground and within 4 seconds cover a 20m radius. They deal 570 damage to enemies within it, up to 1710 in total that cannot be warded off with the help of damage reducing abilities as the crystals are able to circumvent every buff or protective shield. Knocks back small and medium units. Only affects ground entities. Reusable every 20 seconds. (Power: 80)<br /><br />
<img src="http://225175.edicypages.com/photos/Passive_r.jpg" />Infused Breakdown - Upon dying the unit collapses into pieces that will reassemble on their own to form two large sized Abyssal Warders. If those die their remains will again form to medium sized golems each. All smaller variants of Abyssal Warder are enraged and deal increasingly more damage the longer they attack.
</i></p></div>
</div>
<div class="upgrades">
<div class="Upgrade1">
<div class="L U1"><u>Upgrade I:</u></div>
<div class="V Map1">Empire <br />(<font color="green">Standard</font>)</div><br />
<div class="L HT1">Honor Tokens:</div>
<div class="V HTV1">0</div>
<div class="L VT1">Victory Tokens:</div>
<div class="V VTV1">4</div>
<div class="L BT1">Battle Tokens:</div>
<div class="V BTV1">30</div>
<div class="L PR1">PvP Rank:</div>
<div class="V PRV1">8</div>
</div><div class="Upgrade2">
<div class="L U2"><u>Upgrade II:</u></div>
<div class="V Map2">Empire <br />(<font color="orange">Advance</font>)</div><br />
<div class="L HT2">Honor Tokens:</div>
<div class="V HTV2">0</div>
<div class="L VT2">Victory Tokens:</div>
<div class="V VTV2">30</div>
<div class="L BT2">Battle Tokens:</div>
<div class="V BTV2">60</div>
<div class="L PR2">PvP Rank:</div>
<div class="V PRV2">9</div>
</div><div class="Upgrade3">
<div class="L U3"><u>Upgrade III:</u></div>
<div class="V Map3">Empire <br />(<font color="red">Expert</font>)</div><br />
<div class="L HT3">Honor Tokens:</div>
<div class="V HTV3">40</div>
<div class="L VT3">Victory Tokens:</div>
<div class="V VTV3">70</div>
<div class="L BT3">Battle Tokens:</div>
<div class="V BTV3">120</div>
<div class="L PR3">PvP Rank:</div>
<div class="V PRV3">10</div></div>
</div>
<div class="comments"></div>
深海守护火
球体：
(3)
密切关系：
火
能源：
250
类型：
生物（巨型驱逐舰）
收费：
1.
稀有性：
乌尔
版本：
迷失的灵魂
武器：
L
尺寸：
特大号
攻击：
2500
防守：
2500
卡迪德：
水晶刺-激活，将深海守卫的水晶拳猛击入地面。水晶尖刺将从地面喷发，在4秒内覆盖20米半径。它们对其中的敌人造成570点伤害，总计达1710点，由于水晶能够绕过每一个增益或保护盾，因此无法借助伤害降低能力抵挡。击退中小型单位。仅影响地面实体。每20秒重复使用一次。（功率：80）
注入崩溃-死亡时，该单位崩溃成碎片，将重新组装，形成两个大型深海看守。如果这些人死了，他们的遗体将再次形成中等大小的傀儡。所有较小的深海守护者都会被激怒，攻击时间越长，造成的伤害就越大。
升级一：
帝国
（标准）
荣誉标记：
0
胜利信物：
4.
战斗标记：
30
PvP等级：
8.
升级二：
帝国
（前进）
荣誉标记：
0
胜利信物：
30
战斗标记：
60
PvP等级：
9
升级三：
帝国
（专家）
荣誉标记：
40
胜利信物：
70
战斗标记：
120
PvP等级：
10
另外，我将使用Microsoft Excel自动处理500多个html页面，并手动一个一个地上传它们，因此正确处理这些页面非常重要。我不确定，这对我来说是非常表格化的，所以我尝试使用表，确保使用正确的语义 这是一个参考 虽然我会使用div（html/css文件）来处理布局
GL.我不确定，这对我来说是非常表格化的，所以我尝试使用表格，确保使用正确的语义 这是一个参考 虽然我会使用div（html/css文件）来处理布局
德国劳埃德船级社。首先，您将
，p{font-style: italics}
p{color:red}
bla bla
在这种情况下，
元素将同时使用style1和style2
另外，我相信，如果您不创建500个html页面，并且您将利用数据库功能，那么您可以非常非常聪明地更改页面（如果以后需要），并且只需使用简单的PHP解析页面。
这将比将来重新编写500多个html页面容易得多，以防您想要更改布局。
仔细研究一下PHP和MySQL的主题——一开始可能看起来有点棘手，但从长远来看，这会让你的生活更轻松。首先，你从
改为
真是太棒了！
你必须明白每个标签都有它自己的用途，而且你使用div做任何事情，这是非常糟糕的HTML礼节
另外，，
标记已经过时，您可以使用CSS的样式属性，而不是像这样编写代码，例如：
p{font-style: italics}
或者如果要为元素着色
p{color:red}
如果您已经有了样式化的元素，那么向元素添加子样式（或额外样式）并不是问题
bla bla
在这种情况下，
元素将同时使用style1和style2
另外，我相信，如果您不创建500个html页面，并且您将利用数据库功能，那么您可以非常非常聪明地更改页面（如果以后需要），并且只需使用简单的PHP解析页面。
这将比将来重新编写500多个html页面容易得多，以防您想要更改布局。
嗅探PHP和MySQL的主题-一开始可能看起来有点棘手，但从长远来看，这会让你的生活更轻松。同意，布局和个人风格应该用CSS完成。但是，如果布局中有表格数据，则应使用表格。Y