对段落和各种文本

时间:2016-10-11 13:17:55

标签: html css tags format structure

所以我过去几周一直在我的网站上工作,开始时并不了解HTML / CSS或JS。在两周内,我设法学到了足够的东西,现在我实际上是为家人和朋友定制编码网站,这些网站的网站非常过时,看起来像拨号时代的东西。

关于我自己的网站......

(现在我正在使用在线网站编辑器来加快这个过程,因为我现在没有多少时间,我完全打算在有空的时候从头开始重建它,但只是需要现在正在发挥作用。)

我一直在做大量的自定义编码,以使我的网站工作,并对我应该用于我的段落和文本部分的结构感到好奇。对于"编辑内"和#34;从刮刮开发"。

虽然我可以'只需使用编辑器内置的工具,我更喜欢使用HTML元素来获得我想要的风格。我想知道我应该使用什么格式来创建我的段落布局,因为我被困在两种可能的格式上使用。我想知道我应该把重点放在提供更优质的HTML格式和避免坏习惯上。

我知道<h#>标签通常应该用于标题和重要文字,<p>标签应该用于大段内的任何内容,但由于编辑器和放大器的默认格式;对于浏览器,我想知道使用&#34; < div >&#34;是否有任何问题。标签选项或如果它不正确,我应该使用&#34; < p >&#34;标签选项。

< div class="some-header" >
<br>
Some Page Header
<br>
< /div >
<br>
<br>
< div class="some-paragraph" >
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Ut dignissim, tortor id fringilla tincidunt, mauris.
<br>
< /div >
_____________________________________________________
< h1 class="some-header" >
<br>
Some Page Header
<br>
< /h1 >
<br>
<br>
< p class="some-paragraph" >
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Ut dignissim, tortor id fringilla tincidunt, mauris.
<br>
< /p >
_________

这些选项有什么问题吗?我真的不确定它是否重要。如果它只是简单的琐碎语义,并没有真正的影响。另外值得注意的是,我倾向于为我自己(和其他任何阅读它的人)填充我的HTML和CSS小笔记,这样我就不会迷路。几乎每一段代码都是“非常好”的。花哨的盒子里的大块评论和一切评论的标题,以帮助我记住一切都是什么。关于此事的任何反馈或想法都非常感谢。

1 个答案:

答案 0 :(得分:0)

使用 div 元素封装文本内容,然后使用 ids 来操作它们没有任何问题。但是,最好使用HTML中提供的适当元素来执行特定任务。

例如,可以用div元素创建一个表,但是没有理由这样做,因为HTML中已经存在可用于该任务的结构。文档对象模型定义了页面的逻辑结构,保持逻辑结构是合乎逻辑的。

我建议将后一个选项与段落内容的p标签一起使用。

我还建议您不要在代码中使用 br 标记。您可以使用边距来分隔div。如果你需要一个元素间隔一点,那么同一个类的所有其他元素都使用id。

干杯!