重复谈下html5的Article元素,感觉还是有些东西可以说的!

本文探讨了HTML中的<article>元素如何使用及其在网页设计中的作用。文章提供了实际的代码示例,并讨论了<article>元素的布局设置及内容组织方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

时的内容<header>和<nav>元素往往不同小页面<article>元素包含的内容每一页所特有的。它的行动。你现在正在阅读的<article>元素……也许在这种情况下,没有很多的行动,但是你把我的意思。


我花了一些时间调查专家说<article>元素是清晰的,没有很多的话题。唯一相对一致的线我可以收集所有的深奥的讨论是应该包含的内容,站在自己的一篇文章在杂志上。


开放CoffeeCup(或任何html编辑器使用)并打开新的模板保存在前面的教训。如果需要打开我的新模板的复制,复制源代码,在CoffeeCup粘贴到一个空白页,将其保存为索引。htm以后你会发现它的地方。


现在复制以下:


article{width:950px;display:table;}



粘贴上面</style>标记。


下一个副本:


<article>


<h1>Thearticletitle</h1>


<p>Thisisthecontentsofthearticleelement.</p>


</article>




粘贴在</nav>。


我有一个新模板的副本应该像现在的一些背景颜色,这样你就可以看到事情的真相。当然你可能取得额外的变化不仅仅是我的建议。如果是这样,伟大的——在这一点上的教程你知道足够的这样做——事实上玩你的心的内容。如果你做的任何事都不工作你可以回到我的副本。


在网页设计中你想做的第一件事就是让人们在你的网站上。然后一旦你想让他们呆在那里,换句话说你想让你的网站是“粘性”。这样做几乎总是与有相关的和有趣的内容。好的内容是游客想要的东西。把它给他们。


写作内容为web是艰难的,因为不像一本书或一个Kindle,阅读显示器是很困难的。很难跟踪你在哪里当的向上和向下滚动页面。您会注意到,在这个网站我经常分手页面:


列表


大胆的或


斜体字体和


<code>的例子


这些给游客视觉线索跟踪他们。好把照片做同样的事情。


一个网站的目的是实现其内容——你的目标在创建网站或游客的目标。的大部分内容是在<article>元素。在这里的道路。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值