我认为根据W3规范,你应该这样做
<input type="checkbox" checked="checked" />
Run Code Online (Sandbox Code Playgroud)
和
selected="selected"
Run Code Online (Sandbox Code Playgroud)
但是,大多数浏览器会接受它,你只需要写"CHECKED"并且不给它一个值.那么,如果你确实包含了属性,那么是否有任何值(一致地)被认为是假的?
这是正确使用的Blockquote, q和cite?
<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语义正确吗?或两者都是表现元素,所以不应该使用?
我希望HTML可以在语义上做同样的事情;
<dl class="main-list">
<definitionitem>
<dt>Some Thing</dt>
<dd>You know it!</dd>
<dt>Another Thing</dt>
<dd>Word.</dd>
</definitionitem>
<definitionitem>
<dt>Stuff</dt>
<dd>Alright!</dd>
</definitionitem>
</dl>
Run Code Online (Sandbox Code Playgroud)
然而,因为我最接近的是我对语义不是100%满意的东西;
<div class="redundant-wrapper">
<dl class="main-list">
<dt>Some Thing</dt>
<dd>You know it!</dd>
<dt>Another Thing</dt>
<dd>Word.</dd>
</dl>
<dl class="another-main-list">
<dt>Stuff!</dt>
<dd>Alright!</dd>
</dl>
</div>
Run Code Online (Sandbox Code Playgroud)
我想知道是否有人对你如何做到这一点有任何其他想法?
此外,项目将被分组的原因是因为它们在视觉上分组在正在标记的内容中.想象一下一个字典页面,它有一个单一的定义列表,其中每个定义都在一个左侧浮动的插入框中.我一直遇到这种情况.
我有一个像"Tanım"这样的unicode字符串,它以某种方式被编码为"Tan%u0131m".如何将此编码的字符串转换回原始的unicode.显然urllib.unquote不支持unicode.
我正在通过一个html解析器中途,发现html5 明确定义了解析生成错误的html的经验法则.(而我曾经从DTD中推断它们,感叹)
我喜欢这个事实,但我知道html5还没有最终确定(我也不知道它是否会这样)并且它不是由W3C开发的,而是由WHATWG开发的.
正在寻找我需要的规格我会被提出:
要么
如果不是因为部分编号我会诱导它们是完全一样的.但不同的编号让我很奇怪.据推测,哪个版本最具权威性?
WHWWG似乎有更多的部分,并且自从W3C上传其候选推荐以来已被添加.
W3C会更新到WHATWG版本吗?
或者他们会坚持到现在的候选人,直到达到官方推荐状态?
哪些html5规格是我们可怜的恶魔应该遵循,当有疑问?
我想知道如何flex-basis: auto & min-width: 0和width: auto计算(width未设置父元素和Flex项目).因此,我确认了W3C的规格.我的理解如下吗?
flex-basis: auto(没有min-width: 0设置父元素的宽度定义)我将阅读这一部分(7.1.弹性速记).然后我发现用的flex-basis: content是什么时候flex-basis: auto.计算值flex-basis: content似乎在第9章" 柔性布局算法"中描述.
汽车
在flex项上指定时,auto关键字将使用main size属性的值作为使用的flex-basis.如果该值本身是auto,则使用的值是content.
内容
表示基于弹性项目内容的自动大小.(它通常等同于最大内容大小,但通过调整处理宽高比,内部大小限制和正交流;请参阅§9Flex布局算法中的详细信息.)
我已经阅读了第9章.然后我知道有关的条款flex-basis是9.2.3-C线长确定.
如果所使用的柔性基础是内容或取决于其可用空间,和柔性容器被一分钟的内容或MAX-内容约束下的尺寸(例如,执行自动表的布局[CSS21]时),尺寸约束下的项目.flex基本大小是项目的主要大小.
.container {
display: flex;
border: 3px solid green;
overflow-wrap: break-word;
}
.box1 {
flex-basis: content;
/* `flex-basis: auto` works the same way */
border: 3px solid red;
}Run Code Online (Sandbox Code Playgroud)
<div …Run Code Online (Sandbox Code Playgroud)最近我遇到了一个问题,我想在所有浏览器中禁用自动完成功能.
Chrome在设置中有一项新功能,您可以在其中添加卡号.并且要求也是禁用它.
在所有浏览器中有效的方法是在表单级别执行此autocomplete = false.
但这不符合w3规则,他们强制要求autocomplete = off | on.
有人可以向我解释为什么在所有浏览器中都有错误的作品?
甚至ie8,所有firefox,safari等.但是不符合要求.
我们可以使用任何其他标记在<ul>伴随着<li>?
喜欢
<ul>
Some text here or <p>Some text here<p> etc
<li>item 1</li>
Some text here or <p>Some text here<p> etc
<li>item 1</li>
</ul>
Run Code Online (Sandbox Code Playgroud) 我知道将一个块元素放在内联元素中是错误的,但是下面呢?
想象一下这个有效的标记:
<div><p>This is a paragraph</p></div>
Run Code Online (Sandbox Code Playgroud)
现在添加这个CSS:
div {
display:inline;
}
Run Code Online (Sandbox Code Playgroud)
这会创建一个内联元素包含块元素的情况(div变为内联,默认情况下p为块)
页面元素是否仍然有效?
在应用CSS规则之前或之后,我们如何以及何时判断HTML是否有效?
更新:我已经了解到在HTML5中将块级元素放在链接标记内是完全有效的,例如:
<a href="#">
<h1>Heading</h1>
<p>Paragraph.</p>
</a>
Run Code Online (Sandbox Code Playgroud)
如果您希望将大块HTML作为链接,这实际上非常有用.
所以我一直在玩Google的+1按钮试图在我的网站上获取它,但它不符合W3C标准.
这是代码:
<!-- Place this tag in your head or just before your close body tag -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'en-GB'}
</script>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium" href="http://www.example.org"></g:plusone>
Run Code Online (Sandbox Code Playgroud)
有谁知道为什么会发生这种情况以及如何使其符合要求?谢谢
编辑:为了让这个通过验证,我在我的网站上写了一篇文章.
w3c ×10
html ×5
css ×4
xhtml ×3
autocomplete ×1
flexbox ×1
html-parsing ×1
html5 ×1
javascript ×1
python ×1
semantics ×1
unicode ×1
urllib ×1
validation ×1