学习笔记—HTML(4)


  • <main> 展现了页面内容的独特性。只可以在每一个页面上使用一次<main>,直接把它放到<body>中。在理想情况下,不应该把它嵌套进其他的元素中。
  • <article> 闭合一块与自身相关的内容,这块内容能够解释它自身而不是页面上其他的内容(例如一篇单独的博客)。
  • <section> 近似于<article>,但是它更多的是伴随着由一个单独功能构成的页面(例如一个小型的地图,或者是一组文章的标题和摘要)。它被认为最好的实际应用是用标题作为每一部分(section)的开头;也要注意的是你可以把不同的<article>分到不同的<section>中,或者把不同的<section>分到不同的<article>中,这要取决于内容。
  • <aside> 包含的内容并不与主要内容有直接的联系,但是它可以提供额外的不直接有联系的信息(术语表条目,作者简介,相关链接等等)。
  • <header> 展现了一系列的介绍性内容。如果它是<body> 的子元素,它就定义了网站的全局页眉。但是如果它是 <article> 或<section> 的子元素,它就定义了这些部分的特定的页眉(不要把这些与ititles and headings混淆)。
  • <nav> 包含了页面主要的导航功能。二级链接等,不会进入导航功能部分。
  • <footer> 包含了页面的页脚部分。
没有特定语义的装饰元素
<span>行内无语义元素,<div>块级无语义元素
Divs是可以如此便利的使用以至于很容易就被滥用。因为它们不携带语义值,所以会让你的HTML代码变的混乱。要小心的使用它们,只有当没有更好的语义解决方案才能使用,而且要尽可能把它的使用量降到最低,否则,当你升级和维护你的文档时会非常困难。

<br> 在一个段落中创建一个换行;在你想要生成一系列的短行的地方, <br> 是唯一能够生成这种结构的元素。
<hr>元素在文档中生成一条水平分割线,表示文本中主题的变化(例如主题或场景的变化)。看起来就是一条水平线。
(文章内容摘自MDN、菜鸟教程等网站)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值