Questions tagged «html»

HTML(超文本标记语言)是用于创建网页的主要标记语言。在现代网页中,HTML用于标记网站内容,而CSS和Javascript分别用于定义样式和行为。

5
网站标题应该在页面标题之前还是之后?
抱歉,如果这是骗子。我尝试搜索,但没有找到任何专门解决此问题的方法。 创建大型(ish)网站时,页面标题通常同时引用网站名称和当前页面名称。但是,似乎有两个主要约定: Bob's Awesome Site - Contact Page 和 Contact Page - Bob's Awesome Site 我环顾四周,页面通常使用上述两种变体之一。 有什么理由要使用另一个?SEO /可读性/可用性/等? 我已经考虑过了,只想到了: 第一页-当浏览器中有很多标签时,区分标签 首先访问网站-可以这么说,立即看到“父”网站;更有凝聚力的经验

3
HTML元标记的顺序
搜索引擎优化公司建议我们改变我们的HTML meta标签的顺序,以便<title>和<meta name="description">是第2位。他们说这是为了确保搜索引擎可以利用这两个标签。我一直觉得文档头内部的标签顺序并不重要。我错了吗?真的有搜索引擎会假设前两个标签始终存在title,description并放弃搜索它们吗?
16 seo  html  meta-tags 

1
防止Iphone浏览器将数字转换为链接
我正在写一个非常简单的页面,应该在移动设备上查看它。在iphone模拟器中查看它时,我注意到iphone浏览器会自动将任何数字字符串转换为链接,据说是直接拨打它。 问题是-我的页面上有很多数字看起来像电话号码,但实际上不是。有没有办法告诉iPhone浏览器不要理会这些数字?
15 html  browsers  iphone 



3
将301重定向页面中的HTML放入文档中是否会执行与真正的301重定向相同的功能?
在网络调试器中,301重定向页面的html显示为: <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html><head> <title>301 Moved Permanently</title> </head><body> <h1>Moved Permanently</h1> <p>The document has moved <a href="http://www.website.com/webpage.htm">here</a>.</p> </body></html> 我必须在没有服务器支持的情况下重定向html页面。如果我用上面的代码替换html页面,是否与在apache的.htaccess中编写301重定向的工作方式相同?我在google上进行了查询,但是谈论301重定向的网站并未涵盖用于重定向html页面的此选项。


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. …

1
这种涉及'font-size:0'的内联代码对SEO来说是否危险?
不久前,我在Stack Overflow上回答了这个问题: /programming/5078239/how-to-remove-the-space-between-inline-block-elements 问题是display: inline-block,由于受HTML中的空白影响,具有“额外间隙”的元素,请参见:http : //jsfiddle.net/thirtydot/4z4v2/ 如图所示,可以通过删除HTML中的空格来消除间隙。但是,删除该空格有时是不受欢迎的解决方案:例如,它使HTML更加难以使用。 因此,我建议采用以下解决方法:http : //jsfiddle.net/thirtydot/4z4v2/1/ ul { font-size: 0; letter-spacing: -1px; } li { font-size: medium; letter-spacing: normal; } (letter-spacing需要完全消除Safari中的空白) 那就是那个。 ..直到在另一个答案中提出该技术时弹出一个评论: 请谨慎使用此代码,因为网络爬虫可能会将其解释为滥用行为,因为您将文本明确隐藏在包含链接的元素内。确实,由于具有更高的特异性规则,链接本身是可见的,但是Web爬网程序仍然在容器内看到一堆链接,告诉容器的所有祖先都隐藏了其文本内容。 我仅在一个网站上使用了此技术(..我通常只是删除空格),并且该网站在Google 上的排名正确(没有链接,对不起)。如果重要的话,该网站上的网页定位非常明确,格式为“词组+位置”:例如“ Zombie Chopper Ravenholm”。 我只真正关心Google,但是也欢迎您提供有关其他搜索引擎的答案。 所以,我的问题是: font-size: 0即使实际上没有隐藏任何文字,仅仅是存在SEO风险吗?
14 seo  google  html  css 


4
什么时候应该在“ preconnect” <link>上使用“ crossorigin”属性?
我想在我的站点上包含一些预连接资源提示,以便浏览器可以(例如)在实际看到调用CDN的脚本标记之前连接到jQuery CDN。我不确定是否应包含“ crossorigin”属性或该属性的值。该规范指出,部分 要启动预连接,用户代理必须运行以下步骤: […] 令corsAttributeState为元素的crossorigincontent属性的当前状态。 将凭证设为设置为的布尔值true。 如果corsAttributeState为Anonymous并且origin不等于当前Document的原点,请将凭据设置为false。 尝试与来源和凭据建立联系。 我不知道如何解释该算法。如果我要预连接CDN,这将使任何人都可以下载CDN的内容而没有任何种类的凭证,那么“ crossorigin”属性应使用什么值?

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 …



8
CSS样式查看器/测试器
是否有一个站点,其中包含一堆典型的HTML,用于查看CSS一旦应用后的外观? 我的意思是,一些富有table,a,div,span,p,等等。您去那里,粘贴您的CSS并查看结果。
12 css  html 

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.