标签: html-heading

TLDR:这是不允许的.

我在这里找到了答案:

h1允许的父元素:任何可以包含流元素的元素hgroup.

资料来源:https://www.w3.org/TR/html-markup/h1.html和https://www.w3.org/TR/html-markup/th.html

我正在创建一个网站.我编写了html部分,现在我正在编写样式表.但是我的标题总是有一些空间.我无法删除它.

我的HTML和CSS代码如下.

<header>
 <h1>OQ Online Judge</h1>
 <form action="<?php echo base_url();?>/index.php/base/si" method="post">
  <label for="email1">E-mail : </label><input type="text" name="email" id="email1">
  <label for="password1">Password : </label><input type="password" name="password" id="password1">
  <input type="submit" name="submit" value="Login">
 </form>
</header>

这是我的HTML代码.

body{
margin: 0px;
padding: 0px;
}
header{
margin: 0px;
padding: 0px;
height: 20em;
background-color: #C0C0C0;
}

这是我的css代码.

我希望在左边的另一个水平规则上有两个标题h2和h3,另一个在右边.他们下面有人力资源,我希望他们与人力资源部门保持相同的距离.

我试着让它们都是内联的,右边有一个浮动,另一个浮动.这样做的问题是h3,因为它小于垂直方向的h2,它以h2长度的一半为中心.

h2有点像坐在小时和h3看起来像漂浮在半空中.

我有点想让他们像坐在小时一样.

h2{
display:inline;
float:left;
}
h3{
display:inline;
float:right;
}

我在谈论视觉描述情况.

我有一个显示pdf文档的网页.在标题中有一个图像和一个包含名称的h1标记.当名称太长时,它会被切断.如何强制它换行到下一行,以便显示整个名称？我尝试插入style="white-space:normal"但它没有帮助.有什么建议？

我试图在同一行上有一个标题,然后是一些不那么重要的文字:

技能等级

(5分)

但我真的希望(scale of 5)与文档结构语义Skill Ratings的<h>标签包含在同一行中.

我对房地产很紧张,所以我不想要另一条线,(scale of 5)将链接到CSS风格.

这可能吗？如果没有,我会选择不Skill Ratings作为标题但更喜欢它.

我有一个标题元素,需要在单击时触发一些JavaScript.我知道我应该只<a>在页面实际更改时使用标签,并且这<button>是JS功能的首选,但由于某种原因,它只是感觉不对

<h2><button onclick="myFunction();">My Title</button></h2>

我无法理解为什么那种语义不正确.只有我吗？

我有一个使用高级主题的tinyMCE编辑器.我在高级主题上使用简单布局,因此我可以在init()上定义自己的工具栏,而不必深入了解tinyMCE正在做什么.

我遇到的问题是我的编辑器没有添加标题元素的按钮.我迫切需要这个选项,但没有找到关于这个问题的实用建议.

我正在做的一切都发生在tinymce.init()函数中,我在下面粘贴了它:

$("textarea.tinymce").not(".simple").tinymce({
            script_url : "/_lib/script/tiny_mce/tiny_mce.js",
            plugins : "wordcount,paste,spellchecker,table",
            theme : "advanced",
            theme_advanced_layout_manager : "SimpleLayout",
            theme_advanced_statusbar_location : "bottom",
            theme_advanced_toolbar_location : "top",
            theme_advanced_buttons1
                : "bold,italic,underline,strikethrough,|,sub,sup,|,charmap,|,forecolorpicker",
            theme_advanced_buttons2
                : "undo,redo,|,cut,copy,pastetext,pasteword,|,link,unlink,anchor,|,image,code",
            theme_advanced_buttons3 : "",
            theme_advanced_toolbar_align : "left",
            height : 480,
            apply_source_formatting : false,
            convert_fonts_to_spans : true
        });

我正在使用jquery插件访问tinyMCE(我确定这与我的问题无关,但它解释了代码).

我有一个想法是使用theme_advanced_styles选项,但我不认为这将允许我插入实际的标题标签,而只是设置我的标记与跨度和什么看起来像标题.

任何想法都非常感激.干杯,J

这是一个新手问题.是否可以创建更多的标题样式,如h7,h8等.我只是想知道是否有可能在网站上有超过6种不同类型的标题.

<h5>Category</h5><h6>auto</h6>

将Category和auto放在不同的行上,如下所示:

类别

汽车

我怎样才能将它们放在同一条线上,像这样？

分类自动

我一直在阅读Dive Into HTML5,Mark提到:

"您可以在HTML5大纲视图中测试自己的页面, 以确保正确使用标题元素."

我已经尝试过这个HTML5大纲,我知道它在功能上概述了我在互联网上找到的其他HTML5页面.

它的问题在于它不适用于所有页面(主要是我为Wordpress主题编写的页面),并且错误消息含糊不清; 它们似乎引用了问题中的问题元素(<section>例如),但是没有做太多工作来指定它在页面上讨论的元素; 即指定行号,就像验证器一样.

我发现一些其他的方案是能够读取HTML5的轮廓,但我担心他们可能是早期的实现,可能是过时的当前HTML5规范.

所以我想知道是否有其他程序,网站等,更简洁的错误消息,我可以测试我的页面,以确保我(HTML5的初学者)正在创建一个文档大纲,可以通过能够阅读的工具正确阅读HTML5文档概述.