标签: web-standards

正确使用Blockquote,q和引用?

这是正确使用的Blockquote, qcite

<p>
<blockquote>Type HTML in the textarea above, <q>and it will magically appear</q> in the frame below.
</blockquote>
<cite><a href="http://stackoverflow.com">refrence url</a>
</p>
Run Code Online (Sandbox Code Playgroud)

是使用Blockquote, q语义正确吗?或两者都是表现元素,所以不应该使用?

css xhtml w3c web-standards

53
推荐指数
3
解决办法
4万
查看次数

多个CSS类:属性重叠基于定义的顺序

CSS中是否有规则确定在元素上定义多个类时的级联顺序?(class="one two"vs class="two one")

现在,似乎没有这样的效果.

示例:Firefox上的两个div都是橙色

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html>
  <head>
    <style>
      .one { border: 6px dashed green }
      .two { border: 6px dashed orange }
    </style>
  </head>

  <body>

  <div class="one two">
    hello world
  </div>

  <div class="two one">
    hello world
  </div>
Run Code Online (Sandbox Code Playgroud)

css web-standards

53
推荐指数
4
解决办法
3万
查看次数

创建一个HTML表,其中每个TR都是一个FORM

我正在尝试创建一个表格,其中每一行都是一个表格.我希望每个输入都在不同的表格中,但我仍然需要它,例如,所有第一个输入都属于同一个表头,依此类推.

我要做的是一个可编辑的网格,或多或少这个:

<table>
    <tr>
        <form method="GET" action="whatever">
            <td><input type="text"/></td>
            <td><input type="text"/></td>
        </form>
    </tr>
    <tr>
        <form method="GET" action="whatever">
            <td><input type="text"/></td>
            <td><input type="text"/></td>
        </form>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

但显然我无法以这种方式安排标签(或者w3c验证器所说的那样).

有什么好办法吗?

html webforms html-table web-standards

53
推荐指数
6
解决办法
12万
查看次数

HTML5是否禁止tbody?

我有以下标记作为Razor视图的一部分:

<table>
  <caption>Presidents</caption>
  <thead>
    <tr>
      <th scope="col">Name</th>
      <th scope="col">Born</th>
      <th scope="col">Died</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">Washington</th>
      <td>1732</td>
      <td>1799</td>
    </tr>
    <!-- etc -->
  </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

将"验证的目标模式"设置为HTML5,Visual Studio就这样抱怨:

警告1验证(HTML5):元素'th'不得嵌套在元素'tbody tfoot'中.

这是真的吗?如果是这样,有人可以链接到规范吗?

我的理解是,使用<th>行标题不仅是合法的,而且是鼓励的.这当然看起来相当普遍,我可以链接几十个教程解释(看似合情合理)它有助于可访问性.

这是VS的错误吗?HTML5真正的变化(一个好的?一个坏的?)?发生了什么?

html asp.net-mvc html5 web-standards

48
推荐指数
3
解决办法
1万
查看次数

是否可以盲目地使用<strong>代替<b>?

注意:我知道<b><span style="font-weight:bold>是一种表现形式,是一种更好的方式,<strong>并且<em>是强调的,但我的问题不是关于这一点.


如果我们把每一个<b><strong>盲目?许多人这样做,他们认为<b>不符合网络标准,因此他们将每个网站转换<b><strong>现场重新设计,内容重新填充,新网站设计,人们也向其他人提出这一点.


Dreamweaver中还向所有转换选项<b>,并<i><strong><em>上粘贴代码在设计视图中,当我们使用B和我哪些人盲目使用.

alt text http://shup.com/Shup/280420/1101118332-My-Desktop.png

和Dreamweaver(如果上面的选项被选中),以及网上WYSIWYG编辑器给输出<strong><em>而按钮显示.

alt text http://shup.com/Shup/280425/1101118921-My-Desktop.png

在我看来,它正在制造一种对<strong>和的错误观念<b>


当我们从客户端获取内容时,我们不知道客户想要强调的位置以及他只想使用粗体文本进行演示.在这种情况下我们该怎么做?谁也没有给决定为每个实例(我们和客户端)的时候,是否应该<b>或者<strong>,<i><em>

有什么利弊的每一个转换<b><i><strong><em>盲目的,如果我们说我们的网站是访问?


更新:记住<b>并且<i>不要弃用它们是HTML 5规范

html xhtml accessibility web-standards semantic-markup

46
推荐指数
3
解决办法
1万
查看次数

为什么Google会使用字体标记?

所以,在向我的兄弟演示Chrome浏览器的DOM浏览器时,我不禁注意到Google使用了<font size=-2>标签.

我知道这是一个愚蠢的问题,但从编程的角度来看 - 为什么他们会在Google上使用弃用的标签是因为它比使用它更小<p class="whatever">,然后为它创建一个样式,或者只是去<p style="font-size: x-small">

html css web-standards minify

40
推荐指数
3
解决办法
2984
查看次数

不是URL的URI示例?

我已多次向我解释所有URL都是URI,但并非所有URI都是URL.任何人都可以给出一个URI的例子,但不是URL吗?

url uri web-standards

37
推荐指数
4
解决办法
4万
查看次数

什么是url参数命名约定或标准遵循

是否有任何要遵循的Url参数的命名约定或标准.我通常使用像userId或itemNumber这样的驼峰套管.当我即将开始一个新项目时,我正在搜索是否有任何相关内容,并且找不到任何内容.我不是从语言或框架的角度来看这个,而是作为一般的网络标准.

coding-style web-standards

35
推荐指数
3
解决办法
3万
查看次数

如何使用HTML5数据集删除data-*属性

根据数据集规范,element.dataset如何删除数据属性?考虑:

<p id="example" data-a="string a" data-b="string b"></p>
Run Code Online (Sandbox Code Playgroud)

如果你这样做:

var elem = document.querySelector('#example');
elem.dataset.a = null;
elem.dataset.b = undefined;
elem.dataset.c = false;
elem.dataset.d = 3;
elem.dataset.e = [1, 2, 3];
elem.dataset.f = {prop: 'value'};
elem.dataset.g = JSON.stringify({prop: 'value'});
Run Code Online (Sandbox Code Playgroud)

DOM在Chrome和Firefox中变成了这个:

<p id="example" 
   data-a="null" 
   data-b="undefined" 
   data-c="false" 
   data-d="3" 
   data-e="1,2,3" 
   data.f="[object Object]" 
   data.g="{"prop":"value"}"
></p>
Run Code Online (Sandbox Code Playgroud)

Chrome/Firefox实施模仿setAttribute.它基本上适用于.toString()第一.除了处理之外,这对我来说是有道理的,null因为我希望这null会删除属性.否则,数据集API如何执行以下操作:

elem.removeAttribute('data-a');
Run Code Online (Sandbox Code Playgroud)

那么布尔属性呢:

<p data-something>相当于<p data-something="">嗯.

javascript web-standards html5-data

34
推荐指数
2
解决办法
2万
查看次数

span5标记在HTML5中包含哪些元素?

所以我在我的职业生涯中一直是PHP的CLI或Cron开发人员,现在我正在学习为什么我不喜欢学校的UI工作;)我在这里处理HTML5验证而且我找不到问题的答案为了好奇.我在我的主页上运行了W3C HTML5验证,并且我在一个div内部遇到了几个错误<span>,这是不允许的.我尝试<div>在跨度内更改所有内容<p>但收到几乎相同的错误. http://www.w3schools.com/html5/tag_span.asp没有明确说明a中允许哪些元素<span>,验证器的错误也没有:

第85行,第69列:在此上下文中,元素p不允许作为元素跨度的子元素.(抑制此子树中的更多错误.)

2个问题:

1)在一个内容中允许哪些元素<span>

2)我在哪里可以参考另一个允许的元素?我用Google搜索,但看不到任何带有"W3C"标记的邮票.

html5 web-standards w3c-validation

32
推荐指数
1
解决办法
4万
查看次数