zoukankan      html  css  js  c++  java
  • HTML知识点总结之img、scirpt、link标签

    • <img>元素

    使用<img>可以在网页插入一个图片,但实际上<img>标签并不会在网页中直接插入图像,而是从网页上链接图像。

    • <img>的主要属性

    (1)src属性:图片的路径。

    (2)alt属性:当图片无法显示时的替代文本,以便搜索引擎抓取。

    (3)title属性:鼠标悬浮时显示的文本。

     

    (4)height属性:图片的高度。

    (5)width属性:图片的高度。

    • <script>元素

    它的作用是在HTML或XHTML文档中嵌入或引用可执行的脚本。此标签不但能直接定义js代码,也能够引入外部js文件,当然格式有所不同。

    • <script>元素的常用属性

    1. src属性:src 属性规定外部脚本文件的 URL。

    如果您希望在网站中的多个页面上运行相同的 JavaScript,就应该创建外部 JavaScript 文件,而不是重复编写相同的脚本。把脚本文件以 .js 扩展名进行保存,然后在 <script> 标签中使用 src 属性引用它。

    可能的值:

    1. 绝对 URL - 指向另一个网站(比如 src="http://www.example.com/example.js")
    2. 相对 URL - 指向网站内的一个文件(比如 src="/scripts/example.js")

    2. type属性:type 属性规定脚本的 MIME 类型,标识 <script> 与 </script> 标签之间的内容。

    MIME 类型包括两部分:media type 和 subtype。对于 JavaScript,MIME 类型是"text/javascript"。一些常用的值有:

    • text/javascript (默认)
    • text/ecmascript
    • application/ecmascript
    • application/javascript
    • text/vbscript
    • <link>元素

    link元素指定了外部资源与当前文档的关系,具有属性href、rel、media、hreflang、type和sizes。其中href和rel是常用的。此标签最常用的是引入外部css文件,虽然可以在<style>标签中直接定义css代码,但是如果css代码比较庞大,那么势必会造成页面的庞大,不仅不容易管理,并且也无法重复利用css代码。

    <link>元素的常用属性:

    href属性:指定了链接的资源的地址(url)

    rel属性:rel指定了资源的类型。

    有以下几种值:

    alternate —— 链接到该文档的替代版本(比如打印页、翻译或镜像)。

    author —— 链接到该文档的作者。

    help —— 链接到帮助文档。

    icon —— 导入表示该文档的图标。

    license —— 链接到该文档的版权信息。

    next —— 表示该文档是集合中的一部分,且集合中的下一个文档是被引用的文档。

    prefetch —— 规定应该对目标资源进行缓存。

    prev —— 表示该文档是集合中的一部分,且集合中的上一个文档是被引用的文档。

    search —— 链接到针对文档的搜索工具。

    stylesheet —— 要导入的样式表的 URL。

  • 相关阅读:
    在不同的浏览器下FORM及它的小伙伴们默认样式的CSS属性值是不全然一致
    思考博客园的机器人攻击,想到我们可能也需要开启iptables
    大数据量的Mysql数据库备份策略
    win7或win2008系统中,出现【已停止工作,联机检查解决方案并关闭该程序,关闭程序】解决方法!
    Mysql的碎片查看与处理
    "个性化空间"性能优化方案设计初步
    假期结束后的工作安排
    GZIP压缩占用CPU大吗?
    媒体云平台
    关于二级缓存的设计思路
  • 原文地址:https://www.cnblogs.com/aaaaniu/p/8275111.html
Copyright © 2011-2022 走看看