HTML知识点

作者: 饥人谷_米弥轮 | 来源:发表于2017-03-18 01:33 被阅读20次

    1、表现(内容)、样式、行为分离

    • 写HTML的时候先不管样式,重点放在HTML结构和语义话上。
    • 写JS的时候精良不用JS去直接操作样式,而是通过给元素天计算删除class来控制。
    • HTML内不允许出现属性样式,尽量不要出现行内样式。

    2.常见标签

    标题

    h1~h6   
    

    段落

    <p></p>
    

    链接

    <a href='' target='' title=''></a>
     href='url' 跳转地址
     href='#' 锚点(不跳转)
     href='#abc 锚点(跳转到ID为abc的标签)
    

    图片

    `<`img src='url' alt='' `/>`
    alt(SEO优化、盲人语义、图片时效提示)
    

    块、区域

    <div></div>
    用于给页面划分区域,让结构更清晰
    

    无序列表

    <ul>
        <li></li>
     </ul>
    

    有序列表

    <ol>
        <li></li>
     </ol>
    

    自定义标签

    <dl>
        <dt>
        <dd>
        <dd>
     </dl>
    

    按钮

    `<buttom></buttom>`
    

    强调、加粗

    <strong></strong>
     <em></em>
    

    用于嵌入一个页面注意跨域操作问题

    <iframe src='url' name=''></iframe>
    

    表格

    <table>
        <caption></caption>
        <tr>
            <th><th>
            <th><th>
        </tr>
        <tr>
            <th><th>
            <th><th>
        </tr>
        <tr>
            <td><td>
            <td><td>
        </tr>
     </table>
     合并边框:border-collapse:collapse
     边框距离:border-spacing:0
    

    格式化文本       总结

    <pre></pre>
    

    告知浏览器页面是什么语言

    <html lang='zh'></html>
    

    meta

    <meta>
        charset="utf-8" 编码格式
        http-equiv=""   用于不通双核浏览器内核渲染
        name="viewport" 用于移动端展示(优化)
        name="keywords" 用于SEO优化搜索
        name="description" 用于SEO优化搜索
    

    块级元素和行内元素

    块级元素:div  , p  , form,   ul,  li ,  ol, dl,    form,   address,  fieldset,  hr, menu,  table
    行内元素:span,   strong,   em,  br,  img ,  input,  label,  select,  textarea,  cite
    行内块元素:applet,button,del,iframe,ins,map,object ,script

    相关文章

      网友评论

        本文标题:HTML知识点

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