【HTML 教程系列第 3 篇】HTML中的 head 标签都可以放哪些标签 ? | 您所在的位置:网站首页 › html中的head标签 › 【HTML 教程系列第 3 篇】HTML中的 head 标签都可以放哪些标签 ? |
这是【HTML 教程系列第 3 篇】,如果觉得有用的话,欢迎关注专栏。 前面一篇博客说到了 HTML 的基本结构,知道了 head 标签是网页的"头部",用于定义一些特殊的内容。 事实上,只有一些特殊的标签才能放到 head 标签内,在 HTML 中,一般来说只有6个标签可以放到 head 标签内,分别是 title 标签meta 标签link 标签style 标签script 标签base 标签下面我们来分别说下,上述标签各自的用途。 文章目录 一:title 标签二:meta 标签2-1:name 属性2-2:http-equiv 属性 三:style 标签四:script 标签五:link 标签六:base 标签 一:title 标签在 HTML 中,title 标签的唯一作用就是定义网页的标题。 默认的标题是 “Document” ,这里我把它改为 “苏醒的成长之路”,然后在浏览器里打开,效果如下 meta 标签 又叫“元信息标签”,是 head 标签内的一个辅助性标签。 meta 标签一般用来定义页面的关键字、页面的描述等。这些信息不是提供给读者看的,而是提供给搜索引擎看的,即通过 meta 标签,搜索引擎就会知道这个页面是干嘛的。 在 HTML 中,meta 标签有两个重要的属性 name 和 http-equiv。 2-1:name 属性name 属性的取值有很多,但主要的有以下4个:keyword,description,author,copyright,详细作用如下图所示 在 HTML 中,meta 标签的 http-equiv 属性只有两个重要的作用 作用一:定义网页所使用的的编码 在 HTML5 标准中,我们经常会看到如下代码 作用二:定义网页自动刷新跳转 如下代码所示 实时测试截图如下 作用:在 HTML 中,style 标签用于定义元素的 CSS 样式 作用:在 HTML 中,script 标签用于定义页面的 JavaScript 代码,也可以引入外部 JavaScript 文件。 代码如下所示: 作用:在 HTML 中,link 标签用于引入外部样式文件(CSS文件)。 遇到这个的标签的话可以直接忽略,知道有这么一个标签就行了。 不过在网上关于 base 标签的作用是这样描述的,有兴趣的可以看下 head 标签内的标签为整个页面定义所有链接的基础定位,其主要的作用是为了确保文档中所有的相对 url,都可以被分解成正确的文档地址,使在文档本身被移动或重命名的情况下也可以正确解析。 base 标签经常使用在创建文档集合中,为了不破坏文档中任何链接,使用者通过在每个文档中放置正确的 base 标签,便可以在目录甚至服务器之间移动整个文档集合。 你的问题得到解决了吗?欢迎在评论区留言。 赠人玫瑰,手有余香,如果觉得文章不错,希望可以给个一键三连,感谢。 结束语 技术是一点一点积累的,大神也不是一天就可以达到的。原地不动就是退步,所以每天进步一点点。 最后,附上一句格言:"好学若饥,谦卑若愚",望共勉。 |
CopyRight 2018-2019 实验室设备网 版权所有 |