Questions tagged «html5»

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

9
因此,现在Google对旧的浏览器说不,我们其余的人何时才能效仿?
Google 最近宣布,它们将于8月1日不再支持旧版浏览器: 因此,很快Google Apps将仅支持现代浏览器。从8月1日开始,我们将滚动支持Chrome浏览器,Firefox,Internet Explorer和Safari的当前和先前的主要版本。每次发布新版本时,我们都会开始支持该更新,并不再支持第三老版本。 没有什么比看支持旧版浏览器的代码补丁更糟糕的了。如果我们都可以朝纯标准的网站发展(我正在向您介绍IE9),那么我们肯定可以花更多的时间来编写优质的Web应用程序,而不必花很多时间使它们在可怕的不符合标准的旧版浏览器上运行。 那么,我们其他人何时可以期望能够告诉客户我们不再支持旧版浏览器?因为大型公司似乎将继续运行较旧的浏览器,即使即使没有管理员权限也可以安装google chrome框架(即将推出,目前处于测试版),我们也不能期望所有用户都愿意这样做。 我感激任何想法。

5
Chrome拒绝执行此JavaScript文件
在我的HTML页面的顶部,我有: <script src="https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.js"></script> 当我在浏览器(Google Chrome v 27.0.1453.116)中加载页面并启用开发者工具时,它显示: 拒绝从' https://raw.github.com/cloudhead/less.js/master/dist/less-1.3.3.js ' 执行脚本,因为其MIME类型('text / plain')不可执行,并且启用了严格的MIME类型检查。 确实,该脚本不会运行。Chrome为什么认为这是纯文本文件?它显然具有.js文件扩展名。 由于我使用的是HTML5,因此我省略了该type属性,因此我认为这可能是导致问题的原因。因此,我添加type="text/javascript"了<script>标签,并得到了相同的结果。我什至尝试type="application/javascript"并仍然遇到相同的错误。 然后我type="text/plain"出于好奇而尝试将其更改为。浏览器没有返回错误,但是JavaScript也没有运行。 最后,我认为文件名中的句点可能会使浏览器无法正常运行。因此,在我的HTML代码中,我将所有句点都更改为URL转义字符%2E: <script src="https://raw.github.com/cloudhead/less%2Ejs/master/dist/less-1%2E3%2E3.js"></script> 这仍然没有用。唯一真正有效的方法(即浏览器没有给出错误并且JS成功运行)是如果我下载文件,将其上传到本地目录,然后将src值更改为本地文件。我不想这样做,因为我想节省自己网站上的空间。 如何让Chrome识别链接文件实际上是JavaScript类型?

3
HTML 5的SEO规则是什么?
有关HTML 5中的SEO的参与规则是什么? 我们一直在思考的事例,没有得出结论: 您因不使用<head>和<body>标签而受到惩罚吗? <nav>块中的链接是否具有以下优先级? 使用<aside>(尽管没有保留),<section>,<summary>和<details>中哪些内容对内容,单线描述和关键字标签的影响最大,对搜索引擎有影响吗? 如果您使用CSS将<footer>元素放在顶部,将<header>元素放在底部(不是那样,但是不完全的Spider实现可能将其解释为这样)? 在<input>上使用占位符属性是否表明您更关注用户? 目前,我们会随意将标签内容固定在驴上,但很有趣的是,如果有人对使用SEO的“正确”标签有任何见识,那就很有趣。
29 seo  html5  markup 


2
使用Schema.org进行博客撰写:文章VS BlogPosting
我已经重建网站一段时间了,我想尽快启动它,但是如果可能的话,我希望使其领先。我目前正在使用经过修改的模板(我知道!网页设计师正在使用模板tut tut……长话短说,我有1周的时间来获得一个实时网站以及制定商业计划的业务计划,并且自从运营以来,我一直在工作持续到最近的两个月,以及它的chillzor!继续! 尽管设计很重要,但我也想对使用标记产生浓厚的兴趣,但我遇到的问题是Schema.org是SOOOO VAGUE!而且绝对是在砸我的脑子。 这个问题很简单,但同时又很复杂,您认为哪一个最好: itemtype =“ http://schema.org/Article” itemtype =“ http://schema.org/BlogPosting” 值得一提的是,我已经对此进行了一些研究,据推测是Schema.org之外的博客文章和按定义定义的文章之间的区别在于,博客文章通常倾向于50到400词,而一般文章更详细,包含500个以上的单词。但是在Schema.org上,他们将文章与杂志和报纸相关联,这肯定不对吗? 将类别用作“关键字”模式还是好还是坏的主意? 这是我目前的标记和我欢迎对改善当前的标记,甚至指出的陋习任何额外的批评或建议<p>,还可以在线查看它在这里和谷歌如何看待这个位置。 <article itemscope itemtype="http://schema.org/Article"> <header> <hgroup> <h1 itemprop="name"><a rel="bookmark" title="Why all of your website designs should be responsive" href="#just-a-test3">Why all of your website designs should be responsive</a></h1> <h6>Publish Date: <span itemprop="datePublished">2013-01-25</span> by: <a rel="author" href="http://plus.google.com/104670346136364130203/">Simon Hayter</a></h6> </hgroup> …


3
我可以在HTML文档的正文中使用<link>标记吗?
我可以&lt;link&gt;在HTML页面的正文中使用标签吗?我试图找到该问题的答案,但发现矛盾的信息。 将Schema.org微数据标记添加到HTML页面时,我想在链接标记中添加规范信息,如下所示: &lt;div itemscope itemtype="http://schema.org/Book"&gt; &lt;span itemprop="name"&gt;The Catcher in the Rye&lt;/span&gt;— &lt;link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" /&gt; by &lt;span itemprop="author"&gt;J.D. Salinger&lt;/span&gt; &lt;/div&gt; 我从Schema.org获得了上面的示例代码。根据他们的说法,这是想要为项目属性添加规范引用但又不想在其网站上放置超链接的人们的方法。 但是W3清楚地指出,&lt;link&gt;标记仅应放在头部内,从而使Schema.org示例无效。 如果我要坚持正确的标记,应该遵循哪些建议?
20 seo  html  html5  microdata 

4
单一语言网站的自引用hreflang属性?
SEO公司曾告诉我要hreflang在单语言网站的每个页面上添加一个属性(即“自我引用”标签),但是我所读过的有关hreflang标签的所有内容(包括Google的建议)都表明它仅对多语言网站真正有用。添加此内容对于该特定站点将是大量工作,而且我真的看不到潜在的好处(甚至没有迹象表明任何人都认为这种事情是最佳实践)。 该Google网站站长博客文章确实建议使用自我参照 hreflang属性,但仅适用于多语言网站。 “如果URL有多种语言版本,则每个语言页面都必须标识所有语言版本,包括其自身。例如,如果您的站点提供法语,英语和西班牙语内容,则西班牙语版本必须包含rel =“ alternate”除了具有法语和英语版本的链接之外,还具有hreflang =“ x”链接。类似地,英语和法语版本必须分别包含对法语,英语和西班牙语版本的相同引用。” 将这样的标签添加到单一语言的网站有什么SEO好处? 例如,只有一个实例,例如: &lt;link hreflang="en" href="http://www.example.com" rel="alternate"&gt; ...到文档&lt;head&gt;? (请注意,这是在另外的强制性lang="en"的属性&lt;html&gt;元素。)
19 seo  google  html  html5  meta-tags 

8
技术网站-我是否应该假设访问者将使用现代浏览器?
我正在创建自己的网站,其中包括一个技术博客。我想使用HTML5和CSS3等现代技术来构建网站。 由于我的网站主要面向程序员和大多数精通技术的用户,因此我是否理应认为这些人将使用现代浏览器?还是应该让我的网站与旧版浏览器兼容,以防万一? 我不想痛苦地调整自己的网站以使其与我认为不会使用的浏览器兼容。 更新:到目前为止,我已经阅读了答案,似乎您错过了有关该问题的重要细节。因此,如果不清楚,请考虑网站的性质来集中回答: 我的网站将针对程序员和大多数精通技术的用户 考虑到这一点,我是否理应认为这些人将使用现代浏览器?




3
在HTML5网站中正确使用<title>,<header>,<h1>和<h2>?
我已经研究了该主题几天,并发现了许多有关搜索索引的建议。我正在从事一个项目,该项目有许多不同的页面,从简单的产品描述到深入的用户文档。 我将这个问题分为几部分,因为我认为这将使该问题对以后的读者更加有用。 我的一些发现 几个网站似乎采用了如下的文档大纲: 1. Programmer's Guide (https://www.dartlang.org/docs/) 1. Getting Started 2. Concepts 1. Libraries 2. Fundamental classes etc. 我发现有趣的是,上面的示例未使用&lt;nav&gt;具有适当标题的元素。我喜欢大纲的简洁性,并且喜欢成为Google,我可以确定他们知道自己在做什么。 但是我很困惑,因为上面的概述没有提到“ Dart”。从语义上仅提及“ Dart”似乎是在主要文档&lt;title&gt;元素“程序员指南| Dart:结构化Web应用程序”之内。 MDN(Mozilla开发人员网络)是遵循该原则的另一个出色的网站示例。许多&lt;h1&gt;标题提供了完整的上下文信息(HTML5文档的章节和大纲): 1. Sections and Outlines of an HTML5 Document 1. Untitled Section (nav) 2. Untitled Section (nav) 3. Structure of a Document in HTML 4 4. …

8
哪个工具可以整理/缩进HTML5?[关闭]
关闭。这个问题是题外话。它当前不接受答案。 想改善这个问题吗? 更新问题,使它成为网站管理员Stack Exchange 的主题。 6年前关闭。 我已经花了大约2个小时来搜索Google并尝试各种工具,但是它们要么不做缩进标记,要么它们与HTML5不兼容,例如著名的HTML整洁(最近3年更新)… 注意:我不想将此应用于页面源(如PHP或JS那样),而是应用于编辑器中的代码,以便在标记之间出现清晰的层次结构。 理想情况下,我想要Mac OS X工具,但我将使用任何在线工具,最后重新订购与Wine兼容的工具。 PS,目前我使用Panic的Coda
13 html5  code 

3
可以在meta标签中实现微数据吗?
请考虑以下标记有属性的代码以提供微数据: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Micro data test - Normal version&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div itemscope itemtype="http://schema.org/Product"&gt; &lt;h1 itemprop="name"&gt;Product name&lt;/h1&gt; &lt;img alt="" itemprop="image" src="http://placehold.it/200x200" /&gt; &lt;div itemprop="description"&gt;This is the product description.&lt;/div&gt; &lt;div itemprop="offers" itemscope itemtype="http://schema.org/Offer"&gt; &lt;meta content="in_stock" itemprop="availability" /&gt; &lt;span content="GBP" itemprop="priceCurrency"&gt;£&lt;/span&gt;&lt;span itemprop="price"&gt;100.00&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; 使用Google的结构化数据测试工具可得出积极的结果。 在测试示例中这很好,但是,我们希望在HTML结构差异很大的各种站点上实现微数据。要以这种方式实现属性,将需要有人分别在每个站点上手动编辑HTML标记。 最好,我们希望能够调用一个将所有微数据打包在一个位置的函数。从技术上讲,这可以通过以下方式使用元标记来实现: &lt;!DOCTYPE …

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.