标签: semantic-markup

我在工作中使用C#但不喜欢webforms如何喷出很多JavaScript,不包括它创建的viewstate的许多行.

这就是为什么我喜欢用PHP编码,因为我完全可以控制它.

但我只是想知道这个网站HTML是如此干净和优雅？

使用MVC是否与它有关？我看到使用了JQuery,但你肯定还在使用asp:required validators？如果你这样做,它通常产生的所有可怕代码在哪里？

如果他们没有使用必要的现场验证器,为什么不呢？当然,开发比使用JQuery更快？

我在PHP中编写个人网站的主要原因之一是它产生了更优雅的HTML,但如果我可以生成像这个网站的代码,那么我将全职.net!

当数据行包含无法放入单个表行的复杂数据时,我想知道在网页上标记表格数据的最佳方法.

这是一个具体的例子.第一行有一个关于手臂和腿的附加信息清单.

Shadrach  M  Banana     12
  Arms  Blue    2
  Legs  Yellow  3
Meshgah   M  Apple      34
Abednego  M  Persimmon   0

除了使用包含这样的嵌套表的跨区单元格之外,还有一种很好的方法来标记它吗？

+-------+--+--------+-----+
|       |  |        |     |
+-------+--+--------+-----+
| +-------+------+-+      |
| |       |      | |      |
| +-------+------+-+      |
| |       |      | |      |
| +-------+------+-+      |
+-------+--+--------+-----+
|       |  |        |     |
+-------+--+--------+-----+
|       |  |        |     |
+-------+--+--------+-----+

我对此并不满意,因为外表有四列,具有特定的标题和含义; 但第二行跨越所有四列并包含不同的东西.我真的希望这些信息成为第一个项目(Shadrach)的一部分,而不是顶级表的一部分.但HTML似乎不允许我这样做.

有更好的,更语义的方式吗？

它是确定使用cellpadding="2" cellspacing="2"的<table>？或者这些不是W3C推荐的,不符合网络标准吗？

CSS中的替代品有哪些？

更新:是否可以使用<td align="right" valign="top">？

我的问题是内容和演示文稿的分离以及W3C的建议.

更新: 根据这个图表中<table>只有align和bgcolor严格的版本是不允许的.那么允许其他属性是否可以<table>？

alt text http://shup.com/Shup/293811/11021055643-My-Desktop.png

我可以将HTML 5 <nav>用于页脚链接,这不是主要导航吗？或者它应该在页面中使用一次？

我正在处理我的简历,并希望使用HTML5语义.列出我的工作经历的最佳语义方式是什么？每个工作经历的信息包含日期,公司,职位和描述.

我有两个选择:

<h2>Experience</h2>
<ul>
  <dl>
    <dt><h3>JobTitle</h3> <span>Company + timeperiod</span></dt>
    <dd>description</dd>
   </dl>
</ul>

或者将每个体验视为一篇文章在语义上更正确如下？

<h2>Experience</h2>
  <article>
    <h3>Jobtitle</h3> 
    <p>description</p>
    <footer>Company + timeperiod</footer>
  </article>

我很想听听你对这个的想法!

所以你试图用<small>HTML属性text-align: center(或right)来居中HTML元素并且它不起作用？

好吧,那可能是因为你的HTML/CSS看起来像这样.有一个简单的CSS解决方案......

如果设置一个small { display: block }属性是这样那么它就像一个魅力:

Horay!

但你可能会说出一些不对的东西...... 为什么它仍然有效？

我标记一个包含测量单位值的表格.我想过如何标记文档以获得最佳可访问性.尊重值的变量值和常量名称是否重要？

我没有为这种情况找到任何<value>,<unit>元素或适当的属性.

我的三个加价方法

<table>
   <td>Brain weight</td>
   <td>3.8<em>g</em></td>
</table>

- - - - - - 要么 - - - - - -

<table>
   <td>Brain weight</td>
   <td><em>3.8</em>g</td>
</table>

- - - - - - 要么 - - - - - -

<table>
   <td>Brain weight</td>
   <td>3.8<abbr title="Grams">g</abbr></td>
</table>

说我有给定的表:

       +------+------+------+
       | Col1 | Col2 | Col3 |
+------+------+------+------+
| Row1 | D1.1 | D1.2 | D1.3 |
+------+------+------+------+
| Row2 | D2.1 | D2.2 | D2.3 |
+------+------+------+------+
| Row3 | D3.1 | D3.2 | D3.3 |
+------+------+------+------+

我想在HTML5中代表它.棘手的是,像这样的表必须在语义上很重要,但左上角的单元格在语义上并不重要,而是使用间隔符来排列更重要的列标题.最好的方法是什么？我的第一个想法就是这样做:

<table>
    <thead>
        <tr>
            <th></th>
            <th>Col1</th>
            <th>Col2</th>
            <th>Col3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>Row1</th>
            <td>D1.1</td>
            <td>D1.2</td>
            <td>D1.3</td>
        </tr>
        <tr>
            <th>Row2</th>
            <td>D2.1</td>
            <td>D2.2</td>
            <td>D2.3</td>
        </tr>
        <tr>
            <th>Row3</th>
            <td>D3.1</td>
            <td>D3.2</td>
            <td>D3.3</td>
        </tr>
    </tbody>
</table>

但是,放在<th></th>那里感觉错了,就像<p>&nbsp;</p>用于间距一样.有一个更好的方法吗？

就像它说的那样.

我无法用以下代码弄清楚上下文中的valign与text-align之间的区别:

    <table width="500" border="0">
  <tr>
        <td colspan="2" style="background-color:#FFA500;">
   <h1>Main Title of Web Page</h1>
   </td>
      </tr>

  <tr valign="top">
      <td style="background-color:#FFD700;width:100px;text-align:top;">
      <b>Menu</b><br />
    HTML<br />
      CSS<br />
  JavaScript
     </td>
   <td style="background-color:#EEEEEE;height:200px;width:400px;text-align:top;">
      Content goes here</td>
    </tr>

   <tr>
     <td colspan="2" style="background-color:#FFA500;text-align:center;">
     Copyright © 2012</td>
   </tr>
   </table>