Questions tagged «html5»

HTML5是HTML（超文本标记语言）的第五次修订，也是当前的最新版本。HTML的第五版引入了许多新的语法功能，例如视频，音频，画布以及部分和文章，仅举几例，这些内容可以更好地在语义上进行结构化。

1
从HTML 5.1中删除了datetime-local吗？
HTML5似乎引入了以下两种输入类型： 日期时间（带有时区） datetime-local（无时区） 尽管W3C Wiki上都提供了二者，但HTML 5.1夜间建议草案仅提及datetime类型，我似乎找不到任何提及datetime-local。 是否已从建议中删除（或重命名）了该类型，或者我们还能期望它将来得到支持吗？
12 html5 
3
Modernizr和Html5Shiv有什么区别？
我在想切换到html5的想法。似乎有2个主要脚本可用于处理旧版浏览器上的html5。 Html5Shiv和Modernizr 我想知道他们是否做同样的事情。选择哪一个，为什么？ 有任何想法吗？
12 html5 
2
重复使用Schema.org/Rich Snippets标记，即LocalBusiness数据
我找不到官方用语，我希望某些Rich Snippets / Schema Guru可以使我对重复内容在使用标记时的正确用法有所了解。 我正在建立一个站点，希望使用Schema.org作为标记类型，所有者希望尽可能多地使用它。现在，在显示此信息的每个页面上使用Rich Snippets都有效或什至有用的情况下，公司名称，电话和地址将显示在每个页面上。 例如，此信息显示在网站每个页面的页眉和页脚中，并且还为您提供了我当前标记的示例，请参见下文： <body itemscope itemtype="http://schema.org/LocalBusiness"> <header> <a itemprop="url" href="http://www.domain.co.uk/"> <img itemprop="logo" src="image.png" alt="Company Name Logo" /> </a> <span itemprop="telephone">01202 000 000</span> </header> <div> This is where the content will go</div> <footer> <span itemprop="name">Company Name</span> <span itemprop="description"> A small little bit about this company</span> <div …
3
HTML5 lang属性的language + region值
我正在一个网站上，该网站将按照language+regionW3.org页面上的描述提供本地化内容（例如，fr-CA用于加拿大法语内容和fr-FR“法国法语”内容）。由于我们认为每种内容language+region都是唯一的，因此对我们来说至关重要的是，搜索引擎应正确识别并相应地提供内容。 通过在Internet上查找（例如，这个问题），似乎大多数人建议在HTML 属性中使用ISO639语言代码lang来描述内容语言。遵循此建议，我们会使用<html lang="fr">它，从而无法区分上述language+region组合。 在审查HTML4规范时，似乎language+region可以很好地将其用作语言代码，因为该en-US示例是一个可能的值。但是，我在HTML5规范中找不到对此的任何确认，该规范似乎未提供有关可能的允许值的任何示例。 在那儿，我试图通过观察网络巨头们在做什么来获得事实上的答案。我看了一下Facebook在做什么：他们提供的Candian法文和法文法文网站内容（略有不同），而HTML lang值保持不变： fr-CA URL：http : //fr-ca.facebook.com HTML lang属性：<html lang="fr"> “电子邮件”一词的翻译：courriel fr-FR URL：http : //fr-fr.facebook.com/ HTML lang属性：<html lang="fr"> “电子邮件”一词的翻译：Adresse électronique 推荐/标准的方法来描述使用language+regionHTML5中的方法本地化的内容？
8
是时候忘记Flash和使用HTML5了吗？
当我阅读HTML5定义时，它可以执行Flash可以执行的任何操作！我问自己，浪费时间学习Flash是正确的选择还是应该学习HTML5。 HTML5将来会击败Flash吗？ PS：您可以在Flash中做任何事情，而在HTML5中还是不行吗？
4
将几个分开的Microdata <div>链接在一起？
我要添加schema.org语义标记，并希望将网页中非常不同的部分链接在一起。 这工作时，我将其指定为父/子： &lt;div itemscope itemtype="http://schema.org/ExerciseAction"&gt; &lt;span itemprop="distance"&gt;11 km&lt;/span&gt; &lt;div itemprop="event" itemscope itemtype="http://schema.org/Event"&gt; &lt;span itemprop="name"&gt;first event&lt;/span&gt; &lt;span itemprop="startDate"&gt;2001-01-01&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; 但是，当它们被大量的HTML分隔时，我不知道如何链接它们： &lt;div itemscope itemtype="http://schema.org/Event"&gt; &lt;span itemprop="name"&gt;some event&lt;/span&gt; &lt;span itemprop="startDate"&gt;2002-02-02&lt;/span&gt; &lt;/div&gt; &lt;!-- .... zillion other HTML stuff ... --&gt; &lt;div itemscope itemtype="http://schema.org/ExerciseAction"&gt; &lt;span itemprop="distance"&gt;22 km&lt;/span&gt; &lt;/div&gt; 我想我应该使用“ itemref”或某种链接相关范围的东西，但是我无法使其正常工作。查看类似的问题在这种情况下无济于事。 更新：请注意，我专门在寻找通过某种引用起作用的解决方案，并且不能通过任何类型的嵌套起作用。同样，第二（非工作）示例的顺序必须保持不变（事件优先，运动动作第二）。（有几个原因使我无法控制）。 具体来说，“有效”的定义至少是Google丰富网页摘要工具，该工具可将项目链接在一起（如第一个工作示例所示）
11 html5  microdata 
2
<h1>-语义影响与SEO影响
关于html5中的标题结构的架构，存在很多争论。阅读各种文章之后，我得出了对我来说合乎逻辑的三种可能的体系结构，但是我不确定哪种方法是实际的正确方法。我将在下面用代码示例列出它们，并希望有人可以阐明适当的平衡，或更糟/更好的平衡，说出可怕的“您做错了”并伸出援手。 方法1：版本A 单个&lt;h1&gt;：仅将标题用于页面特定的内容。 在内容区域内按需&lt;h1&gt;流动时&lt;h2-6&gt;，这将保留页面特定标题的顶级导航。虽然离开&lt;header&gt;，&lt;nav&gt;和&lt;footer&gt;作为“无题”的元素。 &lt;header&gt; &lt;nav&gt; &lt;!-- no headings --&gt; &lt;div role="main"&gt; &lt;h1&gt; &lt;section&gt; &lt;h2&gt; &lt;section&gt; &lt;h3&gt; &lt;footer&gt; &lt;!-- no headings --&gt; 方法1：版本2 多个&lt;h1&gt;：仅将标题用于特定于页面的内容。 与1A相同，但增加了多个同等重要的页面内容主题。（例如，可能适用于博客或主题拆分页面） &lt;header&gt; &lt;nav&gt; &lt;!-- no headings --&gt; &lt;div role="main"&gt; &lt;h1&gt; &lt;article&gt; &lt;h2&gt; &lt;article&gt; &lt;h1&gt; &lt;footer&gt; &lt;!-- no headings --&gt; 方法1概述： 对SEO最合乎逻辑（根据我的研究得出的意见） 无标题的身体 无标题资产净值 主要标题 节标题 小节标题 …
10 seo  html5  heading  h1 
3
将多个h2标签用于产品列表是否安全？
我正在使用html5。 我的商店中有一个产品列表（132个产品），当前使用分页显示它们，每页有10条结果。 我所有的产品名称都非常富含关键字，我想获得所有的长尾流量，但是如何在不受到惩罚的情况下（使用标头标签）为它们分配重要性？ 例如，如果我使用&lt;h2&gt;产品名称（它们不是链接，而只是纯文本），则漫游器将看到132个&lt;h2&gt;标签，我认为这可能是一个问题。 有任何想法吗？
10 seo  html5 
4
HTML5语义-SECTION中的ARTICLE标题为H1或H2
我的理解（根据本章的“深入HTML5”：http : //goo.gl/9zliD），可以认为在语义上适合在页面的多个区域使用H1标签，作为设置最重要标题的方法对于该特定内容。 如果我使用的是这种方法，并且我有一个SECTION分配了H1的“ Articles”，那么我应该使用H1还是H2来定义该SECTION中的ARTICLE标题？ 这对我来说有点困惑，因为文章标题是其文章的最重要标题，但也是SECTION标题的“子代”。 示例代码： &lt;section class="article-list"&gt; &lt;header&gt; &lt;h1&gt;Articles&lt;/h1&gt; &lt;/header&gt; &lt;article&gt; &lt;header&gt; &lt;h2&gt;Article Title&lt;/h2&gt; &lt;time datetime="201-02-01"&gt;Today&lt;/time&gt; &lt;/header&gt; &lt;p&gt;Article text...&lt;/p&gt; &lt;/article&gt; &lt;article&gt; &lt;header&gt; &lt;h2&gt;Article Title&lt;/h2&gt; &lt;time datetime="2011-01-31"&gt;Yesterday&lt;/time&gt; &lt;/header&gt; &lt;p&gt;Article text...&lt;/p&gt; &lt;/article&gt; &lt;article&gt; &lt;header&gt; &lt;h2&gt;Article Title&lt;/h2&gt; &lt;time datetime="2011-01-30"&gt;The Day Before Yesterday&lt;/time&gt; &lt;/header&gt; &lt;p&gt;Article text...&lt;/p&gt; &lt;/article&gt; &lt;/section&gt;
3
上传图片文件：已经可以在客户端进行压缩了吗？
当提供照片文件上传功能时，通常用户会从其相机或手机中获得压缩不良的巨大JPEG文件（超过10兆像素）。在服务器端，这些文件将被重新压缩为800x600px和JPEG质量7或8。 是否（已经）可以在客户端进行重新压缩？这样我只需要传输100kB（800x600px），而不传输3 MB或更多。就像是： （1）使用javascript的新FileSystem API（http://slides.html5rocks.com/#filewriter），可以将照片文件的数据读取到客户端JS中。 （2）然后有可能需要重新编码JPEG数据，但是我找不到该库（尚未）。有人知道这样的图书馆吗？ （3）最后一步是将重新压缩的JPEG数据发布到服务器端进行存储，并从服务器获取指向存储的照片文件的URL，以将其包含在客户端的HTML中。 我正在寻找执行此操作的jQuery插件，其他JS库或示例网页。
1
OpenGraph标记和HTML5有效性
我有一个基于HTML5的页面，并且根据它的文档灌入了OpenGraph标签。我也用Facebook Debug进行了检查，它可以解析元数据。但是，当我使用W3C验证程序时，它将OG标签报告为错误： Attribute content not allowed on element meta at this point. &lt;meta property="fb:admins" content="...." /&gt; Attribute content not allowed on element meta at this point. &lt;meta property="og:url" content="http://www...."&gt; 他们都在&lt;head&gt;。我也需要页面是“有效的” HTML5和OG标签。您能帮我提示如何实现吗？ 更新： 该name版本也无效： &lt;meta name='fb:admins' content=''&gt;
2
使用HTML5标签的博客页面在语义上最正确的结构是什么？
我想神交的终极性&lt;aside&gt;，&lt;section&gt;，&lt;article&gt;。 使用HTML5标签的博客页面的最佳，最语义正确的结构是什么？ 我应该将侧边栏放入&lt;aside&gt;吗？还是将其&lt;section&gt;归类为（&lt;aside&gt;应该用于广告，短引号等）？ 我应该如何展示主要功能博客文章？如何&lt;article&gt;正确使用？ 我应该如何标记商品标签？
9 blog  html5  markup 
8
谁能推荐一本好的HTML 5书？
已锁定。该问题及其答案被锁定，因为该问题是题外话，但具有历史意义。它目前不接受新的答案或互动。 特别是关于画布。我一直在寻找一些好的。
9 html5  html  books 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.