Questions tagged «html5»

我制作了一个很棒的徽标，并将其保存为AI和SVG格式。我希望在网站上使用SVG文件，因为徽标会在网站上出现很多次，并且比以PNG格式保存徽标和有不必要的服务器端请求要好。现在，使用以下命令效果很好： <svg id="my-logo" height="60" width="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <g transform="scale(0.1)"> <image x="0" y="0" height="600" width="600" xlink:href="my-logo.svg" /> </g> </svg> 现在，使用Schema.org logo标记时会出现问题。使用： <svg itemscope itemtype="http://schema.org/Organization" id="my-logo" height="60" width="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" > <g transform="scale(0.1)"> <image itemprop="logo" x="0" y="0" height="600" width="600" xlink:href="my-logo.svg" /> </g> </svg> 如我所料，它未通过W3C验证，并且收到以下错误消息： 此时，元素svg上的属性itemscope不允许。 此时，元素svg上不允许使用属性itemtype。 此时，元素image上的属性itemprop不允许使用。 现在，我知道W3C验证不是必不可少的事情，但是我更希望有一个能够同时满足Google和W3C要求的解决方案。 我确信某些W3C专家将能够向我指出正确的方向，如果可能的话，我建议不要使用DATA URI，因为我知道这可能是一种解决方案，但是如果我错了或者不是DATA URI的话，请更正我不可缓存。

8 html5  microdata  schema.org  svg  w3c-validation 

Twitter引导程序在中使用<small>标记<h1>。这对SEO有何影响？<small>标签中的文本内容会变得同样重要吗？ 这是一个示例（请参阅轻量级默认值Same标记，不同的类）： <h2>Lightweight defaults <small>Same markup, different classes</small></h2>

8 seo  html5 

我应该在我的网站版本中使用WAI-ARIA吗？有什么好处吗？现在有人在他们的代码中添加“角色”吗？ 有关WAI-ARIA的一些信息-www.w3.org/WAI/intro/aria。 标签，链接，复选框和滑块角色以及更多其他功能，尚不适用于HTML5。通过查看可用列表（见下文）以及将来将要出现的列表，我们似乎可以在页面上的大量标签上应用角色。这不是问题，特别是如果它为使用阅读器等的用户带来利益时 还有一个附带的问题，搜索引擎会为使用WAI-ARIA的网站带来任何好处吗？ 要使用的安全角色列表（我认为） • role="article" • role="banner" • role="complementary" • role="contentinfo" • role="form" • role="heading" • role="main" • role="navigation" • role="search" HTML5代码中的用法示例： <header role="banner"></div>对于主标题，横幅每页仅允许一次 <header role="heading"></div>-对于主标题之后的所有标题 <aside role="complementary"></aside> <form role="search"></form>

8 html  web-development  html5  accessibility 

在文本中使用带有图像的文字链接到内部页面或类别时，最好的做法是（正确地）？ 选项1 <nav> <a href="/kittens"> <img src="kittens.png" /> <span>Kittens</span> </a> <a href="/puppies"> <img src="puppies.png" /> <span>Puppies</span> </a> </nav> 选项2 <nav> <a href="/kittens" class="kittens">Kittens</a> <a href="/puppies" class="puppies"><span>Puppies</a> </nav> 定义CSS的位置： a.kittens { background-image:url("kittens.png"); width:40px; height:60px; } a.puppies { background-image:url("puppies.png"); width:40px; height:60px; } 我应该对链接使用样式背景还是<img>对锚元素使用内部样式？

8 links  images  html5 

我现在以似乎每个人都在使用HTML5的相同方式使用HTML5，这意味着：HTML5标签，Canvas / 3D / javascript和CSS3。 我正在努力寻找一些站点示例，这些站点实际上正在使用这些技术，而不仅仅是演示使用Canvas或CSS3转换或形状已成功完成的某件事的演示。 我正在寻找具有良好视觉外观但还利用动画，滚动和偏移Silverback或Canvas之类的功能的网站，以创建一个交互式的网站，并且我认为这是“具有Flash效果”的网站。 这些是我发现的一些示例： 卷动 http://nikebetterworld.com/ http://benthebodyguard.com/ 动画 http://www.elladesign.com/contact.html 其他 http://www.pirateslovedaisies.com/ 我宽松地使用HTML5，但我讨厌使用它。如果您列出了一个真正吸引人的基于Java脚本的网站，但它没有HTML5文档类型，我将很高兴。

8 html  css  javascript  html5  css3 

我对新的HTML5元素有点困惑<section>。正确的使用方法是什么？ 考虑一下这个轮廓： <article> <header> <h2>Title</h2> <p>Spiffy tagline</p> </header> <section> <p>My content! BLA BLA BLA YADDA YADDA</p> <p>Some more content!</b> </section> </article> 是否有意义？ 如果我只有标题和简短文本的较小文章怎么办？是否会（在语义上，规范上等等）省略section？

8 html5  standards  markup 

在Flash的未来（和当前）使用以及Silverlight的采用方面存在很多争议。如果已经使用它，还是应该继续使用它，还是应该使用HTML5之类的其他东西？

8 html5  flash  silverlight