zl程序教程

您现在的位置是:首页 >  Javascript

当前栏目

HTML文档结构

2023-03-20 14:41:04 时间

初入门的同学就会很好奇,明明代码很多,但是网页里只能看到hello world几个字,其他内容看不到,什么原因呢?

找到我们做的第一个hello world网页代码,如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  </head>
  <body>
      hello world
  </body>
</html>

HTML文档结构 在网页内,我们只看到hello world,其他的标签在网页中并没有展示,现在我们对上边的HTML文档结构进行解释。

HTML文档结构

<!DOCTYPE html>

DOCTYPE声明位于文档最前面,告知浏览器文档使用的那种HTML或XHTML规范。是html5标准网页声明。

是所有头部元素的容器,以下标签都可以添加到 head 部分:

    1.<title>标题</title>所有html文档必需的,定义浏览器工具栏中的标题。

    2.<base>标签设置页面上所有链接默认地址和默认打开方式。如下:

    <base href="http://www.baidu.com/" />

    <base target="_blank" />

    3.<link>链接样式表,没有结束标签

    <link rel="stylesheet" type="text/css" href="mystyle.css" />

    4.<meta>设置网页关键字和描述,主要针对搜索引擎。该标签永远位于head中,没有结束标签。

    5.<script>用于引入javascript文件,该标签head 和body中均可加入,属于双标签。

    6.<style>用于添加css样式,属于双标签。

定义文档的主体,即网页内需要展示的所有内容放入body中。