问题标签 [html-heading]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
4284 浏览

html - 如何显示一个 h1 元素,旁边有一个 inline 元素,下面有一个 ap 元素?

我之前问了一个关于将编辑/删除链接与 h1 元素内联的最佳方法的问题。我能够通过给出的答案来实现这一点,但我现在有额外的要求,我需要在 h1 下方显示一个段落并编辑/删除链接。

到目前为止,我的 HTML 如下所示:

我希望它看起来像下面这样:

产品 1(编辑 | 删除)
产品 1 是一个很酷的产品

...页面内容的其余部分

但我不确定使用什么 CSS 来实现这一点!我所做的一切似乎都将描述段落与标题放在同一行,如下所示:

产品 1(编辑 | 删除)产品 1 是一个很酷的产品

...页面内容的其余部分

链接到 JSFiddle

0 投票
1 回答
102 浏览

php - 标签上的自动标识

您好,我正在使用本地滚动条构建一面。有什么方法可以获取我的标签的值并将其用作 id。

所以会是这样

我正在运行wordpress。

0 投票
4 回答
768 浏览

css - 如何让我的页面尊重 h1 css 添加?

我加

到css的末尾,但页面没有改变。但是如果我添加到一些 h1 的 html 中:

然后它会。

我不是css pro,我猜问题出在css文件的某个地方。这里是:

0 投票
4 回答
3075 浏览

css - CSS 标题 1 背景图片

我在这里有这张图片,我想将其作为h1 http://inauguralseason.com/wp-content/themes/twentyeleven/images/wehavelaunched.png的背景图片

我的问题是如何让左边的部分出现?这是我当前的 CSS 代码

我原以为 usemargin-left:-50px会起作用,但事实并非如此。

0 投票
2 回答
6106 浏览

html - contentEditable - execCommand 'heading' 仅适用于 Firefox

我有以下代码将所选文本包装在 H2 标签中。

问题是,它只适用于 Firefox(虽然我还没有在 IE 中测试过)。它在 Safari 或 Chrome 中不起作用。

我是否遗漏了什么,或者此功能与所有浏览器不兼容?

0 投票
7 回答
9132 浏览

css - 如何仅使用 CSS 制作标题(H1 两侧有线条)

我已经制作了一些我需要的标题。

CSS:

HTML:

这不是完整的解决方案,因为我使用文本周围的边框将文本从父容器中推出。

还有其他方法吗?但没有额外的 div 和 JS。

PS:背景图可能不一样,所以我已经尝试在文字下放同一个bg,但这不是解决办法。

PPS:“div.main-container”不得包含溢出:隐藏

0 投票
1 回答
295 浏览

html - 电子邮件通讯:如何保持标题的行高一致?

我一直在浏览电子邮件通讯设计和编码的荆棘补丁。一个问题不断出现:我的标题的行高在不同的电子邮件客户端之间不一致。

一组为标题提供了很大的空间,其中包括 Gmail 和 iPhone: Gmail 中的简报

另一组,主要是 Outlook,呈现标题的余地较小: 在此处输入图像描述

我的代码如下:

新信函应用程序根据需要填写文本。

我怎样才能以这样一种方式编码这个片段,让所有(或大多数)客户端都像在 Gmail 中一样呈现标题?我已经尝试了很多事情,比如为标题添加另一个嵌套表,给它一个橙色的顶部边框等。这些修复也影响了 Gmail 呈现,这不是我想要的。

0 投票
2 回答
146 浏览

css - 使用超链接维护原始格式

我正在尝试在网页中设置指向同一页面部分的链接,但想要保持原始文本格式,这是一个简单的 h4 标题。我尝试了很多事情,包括将 h4 设置和 text-decoration 设置为 none 样式,但是当链接中的下划线被删除时,它不会恢复为 h4 标题的颜色和大小。有没有办法做到这一点?

0 投票
3 回答
1273 浏览

html - 使用h1的正确方法?(关于文档大纲和SEO)

我还在努力让自己熟悉 HTML5,而且有些东西让人感觉有点混乱......

我曾经读过Jeremy Keith 的书和 HTML5 Doctor(通过这个问题),其中说 HTML5 使得使用多个h1s 成为可能。在 HTML5 中,每个部分都可以有自己的标题元素,因此可以有多个h1. 我见过一个 Wordpress 主题框架,“下划线”,它似乎最充分地应用了这一点。

但是,这似乎会给旧版浏览器(尚不支持 HTML5)在定义站点结构/文档大纲时带来问题。此外,它给 SEO 带来了问题。

我偶然发现了Matt Cutts(来自 Google)的视频并重新阅读了 Keith 的书,该书建议限制使用和使用传统的文档大纲(每页h1只使用一两个,然后是多个,等)。Matt Cutts 还暗示多重对于 SEO 来说并不是太好。h1h2h3h1

然而,

  • 我以前从未认真关注过网站结构/文档大纲。所以我永远不知道旧浏览器(HTML5 之前)是如何读取网站结构/文档大纲的。存在HTML5 大纲,但我找不到 HTML4 大纲。
  • Matt Cutts 的视频(关于 HTML5 和 SEO)发布于 2009 年。我不知道 Google 是否已经支持新的 HTML5 大纲文档方式。

所以我的问题是,如果我想:

  • 支持旧浏览器(例如 Firefox 3.0 和 IE 6)以显示正确的站点结构/文档大纲
  • 在SEO中取得好成绩

我应该使用哪一个:multiple h1s(在 HTML5 中完成的方式)还是传统方式?

这个 HTML5 之一(取自 HTML5 Doctor 的示例):

还是传统的方式?

0 投票
4 回答
18313 浏览

php - 用于替换的正则表达式

我需要全部替换:

在一串内容中。基本上我只想"p""h2".

这是我到目前为止所拥有的:

这与整个<p>标签匹配,但我不确定我将如何<p>替换<h2>

我该怎么做呢?