html标签汇总(一)

73 阅读1分钟

基础标签

    1.<!-- --> 注释标签 <br>
    2.<!DOCTYPE html> 文档类型声明标签,一般声明为html document type的简写<br>
    3.<html> 根标签  html文档的所有内容都是写在根标签里的。根标签包含head和body两个主要的标签
    层级关系 window --> document --> html --> body
    4.<head> 首部标签 里面书写的内容不在页面展示,主要是写给浏览器的。包含title\meta\base\style等
    5.<title> 标签 在浏览器窗口展示标题的
    6.<base> 基础地址标签,页面的所有链接设置,默认以此为url地址。可统一设置target属性
    7.<meta> 元数据 用于定义关键词、描述、作者信息、字符集等
    8.<style> 样式标签
    9.<link rel="stylesheet" href=""> 用于链接外部资源和当前html文档
    href和src的区别?
    src  代表script img audio video 
    href 代表link a
    src  加载的资源会替换标签的内容
    href 加载的资源不会替换标签原内容,只是在资源和html之间建立联系
    href 可以看成当前页面的附庸资源 css是历史遗留问题
    10.<script> 脚本标签 执行js代码会阻塞页面的渲染,所以代码一般放在body最下面。
    
    11.<body>页面主体标签,里面的内容就是呈现给用户的内容。
    12.<h1-h6> <p> 排版标签 h1比较重要,设计seo优化,一般设置网页标题或logo。
    都是块元素
    13.<br><hr>换行和水平线标签.
    14.<b\u\i\s><strong\ins\em\del> 文本样式标签 后者语义化更强,可能设计seo优化
    15.<sub><sup>上下标注,见的较少.
    16.<pre> 预格式化标签,保留html文档中的换行和空格。
    17.<header><main><nav><aside><section><article><footer><mark><detail><summary>h5新增的部分语义化标签