【html-css】02 html的基本结构

一、网页的基本结构

 

 

  meta 主要用于设置网页中的一些元数据，元数据并不是给用户看的

• charset ：指定网页的字符集

• name ：指定的数据的名称

  • keywords：表示网站的关键字，可以同时指定多个关键字，关键字间使用,隔开

  • description：表示网站的描述信息

    

• content ：指定的数据的内容，会作为搜索结果的超链接上的文字显示

发现除了charset、name、content之外，还有一个叫http-equiv的属性

如果设置了http-equiv属性，<meta>元素就是一个 pragma 指令，提供的信息相当于一个类似名称的 HTTP 头所能提供的信息。

• content-security-policy：允许页面作者为当前页面定义一个内容策略。内容策略主要指定允许的服务器来源和脚本端点，这有助于防范跨站脚本攻击。
• content-type：声明文档的MIME 类型和字符编码。如果指定，content 属性必须有 "text/html; charset=utf-8 "的值。这相当于一个指定了 charset 属性的<meta>元素，并对文档中的位置有同样的限制。注意：只能在使用text/html的文档中使用，不能在使用 XML MIME 类型的文档中使用。
• default-style：设置默认的 CSS 样式表集的名称。
• x-ua-compatible： 如果指定，内容属性必须有 "IE=edge "的值。用户代理被要求忽略这个 pragma。
• refresh：该指令指定页面重新加载及重定向的方式
  • 直到页面应该被重新加载的秒数--只有当 content 属性包含一个正整数时。
  • 直到页面重定向到另一个页面的秒数--只有当内容属性包含一个正整数，后面跟着字符串';url='，以及一个有效的 URL。

其中我们直接将 Examples 中的示例代码加入 Demo.html 中

<meta charset="utf-8" />
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org" />

对refresh进行测试，发现过了 3 秒钟之后自动跳转到了指定的网站

二、html的书写规范

 

      html标签分为两种；

          1、常规标记（双标记）：有开始标签也有结束标签；

          2、空标记（单标记）：只有开始标签，没有结束标签；     

       

       html语法：

            <标记 属性="属性值" 属性="属性值1  属性值2"></标记>

            <标记 属性="属性值" 属性="属性值1  属性值2">

 

       说明：

                1、只要是尖角号里的面额第一个单词，我们称之为 标签、标记、元素；

                2、标记可以没有属性，也可以有多个属性；

                3、标记和属性之间要用空格隔开；

                4、当一个标记有多个属性的时候，属性和属性之间要用空格隔开；

                5、属性和属性值之间要用等号连接，

                6、属性值必须要写在双引号（单引号）里;

                7、当一个属性有多个属性值的时候，属性值和属性值之间也要用空格隔开；