HTML基本结构

1.html元素#

此元素告知浏览器其自身是一个html元素 是由开始和结束标签组成的，html文件里面所有的内容都会放在这个这个元素内

2.head元素#

• 整个文档的头部，head元素自带隐藏功能，display;里面的内容不会隐藏，只不过一般放置在head元素中的其他元素和内容也是自带隐藏功能的，例如link、script、meta···
• <script></script>与head标签一样具有隐藏功能，写在其内的内容在网页不显示

3.<meta charset="UTF-8">#

4.<meta>规定了html文档的元信息#

• charset=“UTF-8” 文档的编码
  • UTF-8 国际通用编码
  • gbk 国标
  • gb2312 国标
• name=“keyword” content=“关键词”
  • name=“keyword” content=“HTML5J5…”
  • SEO优化有关
  • SEO搜索引擎

<meta name="keyword" content="关键词"> <meta name="description" content="勿忘初心,方得始终">

5.title元素#

• html文档名称 一个页面只有一个title元素 放文字 显示在浏览器的页卡（页头）位置

6.link标签#

• <link href="favicon.ico" type="image/x-icon" rel="shortcut icon">
  • 图标让设计师生成
  • 一般整个图片放在整个项目的根目录下
  • 显示在浏览器页卡位置，title内容之前
• <link rel="stylesheet" herf="url" type="texe/css">
  • 引入一个外部的css文件
  • rel不能缺少 stylesheet样式表
  • type可以省略 但是建议写全

7.body元素#

• 定义整个文档的主体部分，所有展示给用户的内容都要放在这个元素中
• body中有常用的html元素（div、ul），文本内容、音频、视频、图片、表单

1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <meta charset="UIF-8">
5
        <title></title>
6
    </head>
7
</html>