Pro011-从零开始HTML[#011]——5分钟-HTML 头部

<html>标签

#011_Str_Head

    上次我们讲到doctype,通常来说,doctype接下来就是一个 <head> 头部元素,这个我们已经写了好多次了,之前我们只强调这是一个必须的结构,只是复制,没有让大家理解它存在的意义,现在,我们回来填好这个坑。

    [head]元素是所有头类元素的容器,容器内装载的元素,一般用来指示浏览器在何处找到样式表、元信息等。

    下面我们来逐一认识 head 元素里面可以装载的元素。


标题 title 元素

    title 标签定义文档的标题,被装载在head之内。同时非常重要的是 title 元素在所有 HTML/XHTML 文档中都是必需的!

    title 元素能够:

        定义浏览器标签栏的标题

        提供页面被添加到收藏夹时显示的标题

        显示在搜素引擎结果中的页面标题

title标题示范

元信息 meta 元素

    meta 标签提供关于 HTML 文档的 metadata 元数据。

    元数据不会显示在页面上,但是机器在后台会读取这些元数据来处理自己的信息。meta 元素能够规定页面的描述、页面的关键词、文档的作者、最后修改时间、etc.

    上面是 meta 元素的部分使用,不过因为真正使用起来内容比较多,所以在 #013 我会详细的补充大多数使用。


样式 style 元素

    sytle 标签用于为 HTML 文档定义样式信息。你可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式:

style样式示范
效果图

Base & Link & Script 元素

    这三个都是 链接/指向外部文件 的元素,在这里我们先不接触如何运用它们,只了解它们的意义,base 和 link 会在 #015  、#017 和大家见面,而 Script 元素就会在更远的课程才会登场。

    base 标签为页面上的所有链接,规定默认地址或默认目标target。

    link 标签定义文档与外部资源之间的关系,一般用于连接样式表

    script 标签用于定义客户端脚本,例如: JavaScript (当然不是现在学)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,526评论 1 41
  • 前言 本系列文章主要是基于W3school这个学习网站来总结的,之所以会自己总结一番,一来是因为网站中的实例效果,...
    码字与律动阅读 4,289评论 4 70
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,205评论 2 21
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,928评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,866评论 32 459

友情链接更多精彩内容