美文网首页
h5 不熟悉标签,遇到一个记一个

h5 不熟悉标签,遇到一个记一个

作者: 阿龙哟 | 来源:发表于2018-09-29 10:03 被阅读0次

    1.<iframe>

    HTML内联框架元素 <iframe> 表示嵌套的浏览上下文,有效地将另一个HTML页面嵌入到当前页面中。在HTML 4.01中,文档可能包含头部和正文,或头部和框架集,但不能包含正文和框架集。但是<iframe>可以在正常的文档主体中使用。每个浏览上下文都有自己的会话历史记录和活动文档。包含嵌入内容的浏览上下文称为父浏览上下文。顶级浏览上下文(没有父级)通常是浏览器窗口。

    1.frameborder="0" 消除边框

    2.<iframe name="xxx" source="" frameborder="0"></iframe>

    name 属性要和a标签一起使用 <a href="" target="xxx">    



    2.body标签默认margin 8px


    3.可替换元素

    典型的可替换元素有 <img>、 <object>、 <video> 和 表单元素,如<textarea>、 <input> 。 某些元素只在一些特殊情况下表现为可替换元素,例如<audio> 和 <canvas> 。 通过 CSS content 属性来插入的对象 被称作匿名可替换元素(anonymous replaced elements



    4. b标签加粗 i标签斜体


    5.a 

    target属性   _blank _self _top _parent

    download属性 下载

    href属性

    1.//qq.com  href     无协议 //

    2.#xxx  ?name=qqq  ./xxx.html    相对路径

    3.javascript:alert(1);  javascript:;

    伪协议 href="javascript:;"点击后不执行任何操作    href+"#" href="" 这两种点击的话都会刷新

    a 没有href 相当于span


    6.<br> 换行 <hr>分割线

    7. dl dt dd 描述列表

    dt description term

    dd decription definnation


    8.form 标签

    1.form要有提交按钮

    2.form主要用于发起POST请求

    3.form中method只能写get和post,写get会默认出现到查询参数,post会默认出现到响应的第四部分Form Data里。

    4.可以发起POST请求的同时添加查询参数,但是不可以在发起GET请求的同时响应第四部分Form Data


    9.input标签

    type:submit

    1.如果一个表单里面没有submit,只有button  <button>button</button>  那么这个button会自动升级为submit,但是写了type后如

    <button type="button">button</button> 就不会升级了

    2.普通的 <input type="button" value="button">  不能提交     只有<input type="submit" value="提交">才能提交


    type:checkbox

    <input type="checkbox" name="z" id="zzz">

    <label for="zzz">爱妻</label>

    label 标签一般通过id和input框绑定

    不过老司机一般这么 写label标签 label把input包裹起来

    <label>密码<input type="password"></label>  


    type:radio

    单选框,多个选项要name相同


       select


    textarea

    resize:none 不可以改变大小

    input 不可以有子元素  button 可以有子元素


    table

      cogroup   thead    tbody    tfoot

    值得注意的是 table 里面    cogroup   thead    tbody    tfoot 无论顺序怎么颠倒。浏览器会自动识别按照正确的顺序排好

    <code>标签

    HTML <code> 元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示.

    kbd HTML键盘输入元素(<kbd>) 用于表示用户输入,它将产生一个行内元素,以浏览器的默认monospace字体显示。

    <figure>和<figcaption>

    HTML <figure> 元素代表一段独立的内容, 经常与说明(caption) <figcaption> 配合使用,并且作为一个独立的引用单元。当它属于主体(main flow)时,它的位置独立于主体。这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。

    HTML <figcaption>元素 是与其相关联的图片的说明/标题,用?于描述其父节点 <figure>元素里的其他数据。这意味着 <figcaption> 在<figure> 块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的;如果没有该元素,这个父节点的图片只是会没有说明/标题。

    <pre></pre> 这个标签可以保留用户写的代码格式,不会像浏览器一样发现多个空格会简写为一个

    相关文章

      网友评论

          本文标题:h5 不熟悉标签,遇到一个记一个

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