HTML之基础知识开篇(二)

1.HTML5 的结构

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>...</title>
</head>
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
1.1###title
<title> 标签定义文档的标题,在所有 HTML 文档中是必需的。不同搜索引擎确定网页排名和内容索引规则的算法是不一样的,不过title通常扮演着重要角色。搜索引擎会将title作为判断页面主要内容的指标,并将页面内容按照与之相关的文字进行索引。有效的title应包含几个与页面密切相关的关键词。这种做法比把网站名作为title要好。
<title>元素:

  • 定义浏览器工具栏中的标题
  • 提供页面被添加到收藏夹时的标题
  • 显示在搜索引擎结果中的页面标题
  • 提示和注释
    注意:
  • 一个 HTML 文档中不能有一个以上的 <title> 元素。
  • 如果您遗漏了 <title> 标签,文档作为 HTML 是无效的。

2.为了得到更好的结构,引入了下面的标签:

  • section: 这个标签表示一个通用的文档或者应用程序节。它+ 可以和 h1-h6 一起使用来表示文档结构。
  • article: 这个标签表示文档内容的一个独立块,比如博客条目或者报纸上的文章。
  • aside: 这个标签表示与页面其他部分略微相关的内容块。
  • header: 这个标签表示一个节的头部。
  • footer: 这个标签表示一个节的脚注,可以包含作者,版权等信息。
  • nav: 这个标签表示用于导航文档的节。
  • dialog: 这个标签可以用于标记会话。
  • figure: 这个标签可以用于关联标题和某些嵌入内容,比如图表和视频。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容