这篇文章主要介绍了html标签中常用的头部标签是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇html标签中常用的头部标签是什么文章都会有所收获,下面我们一起来看看吧。
我们提供的服务有:网站建设、成都网站制作、微信公众号开发、网站优化、网站认证、武胜ssl等。为超过千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的武胜网站制作公司
HTML 中的
标签是所有头部标签的容器,这些头部标签用来定义有关 HTML 文档的元数据(描述数据的数据)以及所需资源的引用(例如 CSS 样式文件、JavaScript 脚本文件),对文档能够在浏览器中正确显示起到了非常重要的作用。根据我们的需求,可以在 HTML 头部定义大量的元数据,也可以定义很少或者根本就不定义。虽然头部标签是 HTML 文档的一部分,但其中的内容并不会显示在浏览器中。在
标签中可以使用的头部标签有简单实例:
css外部样式表 style.css
h2{ color:red; } p{ font-size:14px; color:green; }
HTML文档
link标签或@import的应用
外部定义CSS样式表以.CSS为扩展名文件,然后在页面中通过link标签或@import链接到页面中。
实现效果:
link和@import的区别:
1、从属关系区别
@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。
2、加载顺序区别
加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。
3、兼容性区别
@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。
4、DOM可控性区别
可以通过 JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式。
4、
注意:对于文档中的唯一样式可以使用