首页 > 代码库 > HTML 5: 根元素, 标题，元数据元素, 脚本元素

HTML 5: 根元素, 标题，元数据元素, 脚本元素

2024-08-28 01:57:51   225人阅读

HTML 5: 根元素, 元数据元素, 脚本元素

  • 根元素 - doctype, html
  • 元数据元素 - head, title, base, link, meta, style
  • 脚本元素 - script, noscript

1、<!doctype html>，文档类型

2、<html lang="zh-CN">，文档的根元素

3、 head - 头容器。

head - 头容器，可包含如下标签: title, base, link, meta, style, script。其中必须要有 title 标签。

4、<title>我是标题</title>

5、<base href="http://pic.cnblogs.com/avatar/" target="_blank" />，设置文档的默认地址和链接的默认打开方式

6、<link rel="stylesheet" type="text/css" href="http://www.www.www/css.css" />，

link定义两个文件的联系，一般用于样式表文件的引入。

rel-指定文档间的关系，对样式表来说此属性的值为stylesheet。link标签必须要有rel属性。

type-所接入的文档的类型。

href-所接入的文档的地址。

title-所接入的文档的标题，对于样式表来说，可以在meta里指定默认的样式表的title，从而只使用指定title的样式表。

disabled,rellist(只读)，media，hreflang，sizes（只读）

7、meta - 文档相关的元数据

Meta标签是HTML语言中HEAD区的一个辅助性标签，它位于HTML文档头部的<head>标记 和<title>标记之间，它提供用户不可见的信息。META标签有两个重要的属性：HTTP标题信息(HTTP-EQUIV)和页面描述信息(name)。

name属性是描述网页的，对应于content（网页内容），以便于搜索引擎机器人查找、分类，目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。Meta标签的name属性语法格式：＜meta name="参数" content="具体参数值"＞


        meta - 文档相关的元数据。可用属性如下：name, http-equiv, content, charset
　　·　 <meta name="keywords/Description/Generator/Author/application-name/"  content="">
　　　　<meta http-equiv="content-language/content-type/default-style/refresh/Set-Cookie/Prama/Cache-Control/Expires/windows-Target/viewport" content="">
　　　　<meta charset="">

    <!--
        http-equiv, content 组合的示例如下（不全）
    -->
    <!--定义文档内容的语言-->
    <meta http-equiv="content-language" content="zh-CN" /> 
    <!--定义文档内容的类型-->
    <meta http-equiv="content-type" content="text/html" /> 
    <!--定义文档所使用的样式表的 title，从而在有多个样式表的时候，只使用指定 title 的样式表。本例中会强制只使用 title 为 css1 的样式表-->
    <meta http-equiv="default-style" content="css1" /> 
    <!--文档每 100 秒刷新一次-->
    <meta http-equiv="refresh" content="100" />
    <!--设置 cookie-->
    <meta http-equiv="set-cookie" content="author=webabcd;" /> 


    <!--定义文档的编码类型-->
    <meta charset="utf-8">

8、style - 定义文档的样式信息
style - 定义文档的样式信息。可用属性如下: disabled, media, type, scoped
          scoped - bool 类型的属性，如果为 true，则代表样式只能应用到 style 元素的父元素及其子元素（对于 scoped 为 false 的 style 只能写在 head 内）
9、script - 用于定义客户端脚本
script - 用于定义客户端脚本，可用属性如下：src, async, defer, type, charset
          type - 脚本的 MIME 类型，此属性必须要有
          src - 外部脚本的 url 地址，如果指定了 src，那么 script 标签必须是空的
          charset - 脚本的编码类型
          defer - bool 类型。如果为 true 的话，则脚本在页面解析完后执行，即在 DOMContentLoaded 事件之前执行，会按照 script 在页面的出现顺序执行，不阻塞页面解析（界面解析的过程中，并行下载脚本）
          async - bool 类型。如果为 true 的话，则在页面解析的过程中会异步下载脚本，脚本下载完马上执行（肯定会在 window 的 onl oad 事件之前执行），不阻塞页面解析（界面解析的过程中，并行下载脚本）

        引用两段脚本，无 async 时或 defer 时，必然先执行完 script1 后再执行 script2
        如果被标记为 async，假设 script2 先下载完，script1 后下载完的话，那么会先执行 script2， 再执行 script1

HTML 5: 根元素, 标题，元数据元素, 脚本元素


联系
我们