美文网首页
入坑前端04:关于HTML一些很重要但容易忽略的小知识

入坑前端04:关于HTML一些很重要但容易忽略的小知识

作者: 万事屋小酱 | 来源:发表于2019-02-19 10:39 被阅读0次

    相信学前端的标签大家都认识,所以就不多BB啦,总结一些HTML标签里边小的知识点。

    1.能运行在微信上的网页,统称H5。
    2.<!DOCTYPE html> 用来选择文档类型,他不是一个标签,他是一个声明语句。每一个页面都要加上它
    3.除了div和span,其他标签都有默认样式。
    4.<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />其中alt表示alternative(可选),如果这个图片下载失败了,就显示alt来展示,此外,当用户把鼠标移到图像上方,最新的浏览器会在一个文本框中显示描述文本

    image.png
    5.所有的换行都会压缩成空格,你换一百行都没有用。只能用···
    ···,不能手动回车。
    6.HTML5的推荐写法<input type="text">
    7.a标签的target属性有四种情况,_self_blank 默认值。如果不写target属性,则这个值就是_self,在点击链接时,会在自己窗口再开链接,如果是_balnk,在新窗口中打开链接文档.
    8.<a href ="qq.com">QQ</a>这个链接注意,你打开的是一个文件这个文件叫qq.com,所以不会跳转到QQ首页。<a href ="http://qq.com">QQ</a>这样写是可以的,表示我要开起一个网页,他是HTTP协议的,他的域名是qq.com
    9.在index.html文件中写<a href="xxx.html">qq</a>文件不会跳转到index.html/xxx.html只会跳转到 image.png 注意:只有#不会发请求
    10.伪协议<a href ="javascript;">QQ</a>点击a标签会执行这个js代码,但是这个js代码什么也没有(为什么会有这个标签,因为我们以后会遇上想写链接但是又不想跳转的a标签,所以有伪协议。),所以这样我们就得到点击什么都不做的a
    11.<input type ="text" name="username">与 <input type ="text" name="username">name表示提交的数据 image.png
    12.用lable把input包起来<lable>用户名<input type="text" name="xxx"></lable>lable标签不用写for属性,点击用户名也能 image.png 选中输入框
    13.<meta charset="UTF-8">作用是解决中文乱码。
    14. 是html一个实体符号,它就是一个空格。不是HTML标签。 image.png
    15.关于绝对路径和相对路径,绝对路径是从最顶端出发,找到当前文件。 第一种情况 相对路径则要复杂一点。第一种情况,从当前路径出发,去找目标文件。 image.png 第二种情况 html文件与image文件夹是同级关系。所以访问要加上文件夹名字 第三种情况 从代码文件跳出去访问百度1.gif
    所以综上所述 ./ : 表示当前文件夹
    ../:表示上一级文件夹
    由于./表示当前文件夹,所以可以省略

    相关文章

      网友评论

          本文标题:入坑前端04:关于HTML一些很重要但容易忽略的小知识

          本文链接:https://www.haomeiwen.com/subject/kdiaeqtx.html