标签: html-heading

我正在尝试生成具有<h2>标记的页面上每个元素的MD5校验和,然后将值显示为弹出窗口.

我已经获得每个<h2>元素的代码,我只需要获取每个元素的实际值.

var ghead = document.getElementsByTagName('h2');

for (i=0; i<ghead.length; i++) {
    var gh = ghead[i];
    var ts = gh.toString();
    var ms = b64_md5(ts);
    alert(ts);
    alert(ms);
}

b64_md5(ts)基本上的用法是将ts变量转换为MD5值.但是,ts变量是元素类型的ID或名称,而不是元素的值本身.

另外,如果我想创建一个存储有两个值的cookie,一个名称和一个校验和,我可以使用它gh.innerText;来设置唯一名称,因为到目前为止我遇到了使用此方法的问题.

我有以下代码将选定的文本包装在H2标签中.

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

我错过了什么或者这个功能是否与所有浏览器不兼容？

<button onclick="document.execCommand('heading',false,'h2');">heading</button>

<div class="editable" contentEditable>
    <p>Add content here...</p>
</div>

如何更改/替换文本:"Hello"使用javascript代替"再见"？

<h1 class="titlearea win-type-ellipsis" id="title">
     <span class="pagetitle" >
            Hello
     </span>
</h1>

我想知道使用<p>嵌套在标签中的<h1>标签是否会对SEO有害.

<h1>
    <p>some title</p>
    <p>some subtitle</p>
</h1>

这将使我的生活更容易,处理动态页面标题.

我可以在定义列表中包含标题元素吗？

例:

<dl>
 <h4> heading </h4>

 <dt> title </dt> <dd> content </dd>
 <dt> title </dt> <dd> content </dd>
 <dt> title </dt> <dd> content </dd>

 <h4> heading </h4>

 <dt> title </dt> <dd> content </dd>
 <dt> title </dt> <dd> content </dd>
 <dt> title </dt> <dd> content </dd>

</dl>

它似乎在我的浏览器中按预期工作:)

我想在padding-top: 20px;之间添加h3,body但是如果h3之前是另一个元素(例如,h2).这可能吗？

添加padding-top到所有标题时,当标题前面有正文文本但标题之间有不需要的填充时,会给出所需的填充:

请注意,此文档是使用Rmarkdown创建的knitr,因此我无法完全控制所有html.纯CSS解决方案将是首选.

更新:对于也使用knitrRmarkdown的任何人来说,解决方案结果是一个相当复杂的目标:

/* First h2 following h1 */
.level1 > .level2:nth-child(3) > h2 {
    padding-top: 0px;
}
/* First h3 following h2 */
.level2 > .level3:nth-child(3) > h3 {
    padding-top: 0px;
}

查看生成的HTML,我了解到第h2一个h1元素之后的第一个元素,level1并且该元素被调用level2.同样的第一个h3.这就是上面的目标.其他文档中的结构可能有所不同,请自行查看.

我有一个H1标签,在同一行,紧跟H1标签后我有一个链接(在a里面SPAN).我有H1标签和SPAN标签设置float:left,它们出现在同一行,这就像我想要的那样.

但是,在偶尔的场景中,当H1标签包含太多文本时,它会包装到第二行,下面的SPAN标签(内部链接)不再整齐地位于H1标签的最后一部分后面,而是显示在下一行的下方.

<h1 style="float:left;">some really long text here ... blah</h1><span style="float:left;"><a href="">my link</a></span>

目前呈现这样......

一些很长的文字在这里...
等等
我的链接

..但我真的很喜欢它看起来像这样......

一些很长的文字在这里...
等等我的链接

如何强制它始终将SPAN(包含我的链接)直接保留在H1标签的最后一个单词后面,而不是将我的链接/跨度放在H1标签块内？

我加

h1 {
    margin-top:100px;
}

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

<h1 style="margin-top:100px;"><a class="toc-backref" href="#id4">KHotKeys</a><a class="headerlink" href="#khotkeys" title="Permalink to this headline">¶</a></h1>

然后呢.

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

div.clearer {
    clear: both;
}

/* -- relbar ---------------------------------------------------------------- */

div.related {
    width: 100%;
    font-size: 90%;
}

div.related h3 {
    display: none;
}

div.related ul {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
}

div.related li {
    display: inline;
}

div.related li.right {
    float: right;
    margin-right: 5px;
}

/* -- sidebar --------------------------------------------------------------- */

div.sphinxsidebarwrapper {
    padding: 10px 5px 0 …

我正在使用其中一个免费的网页设计模板来创建自己的网站.该模板使用css样式表并定义了许多具有相似名称的不同样式.我定义了一些新的样式,但问题是新样式对我的页面没有影响.例如,这是其中一个块中的heading2的样式:

 #body .article h2 {
color: #ffaf04;
font-family: Georgia, serif;
font-size: 36px;
font-weight: normal;
letter-spacing: 2px;
line-height: 48px;
margin: 0;
padding: 0 48px;
text-align: center;
    }

我尝试添加和使用这种风格

 .eventTitle { font-size:28px; color:black  }

但是当我用的时候

 <h2 class="eventTitle">something</h2>

来自#body .article的样式不应用于eventTitle.

我想知道在CSS中可能存在一些父母或某些父级样式的保护,或者某些div项目可能必须使用某些特定的类样式或其他东西.

我提前感谢所有评论和想法.