HTML常用标签介绍及标签嵌套规范

标题标签 h1~h6

  

  1 文字加粗
  2 块级标签
  3 特定的使用场景
           h1在一个网页当中只能使用一次（一般用于logo）
           h2最多使用3次
           h3可以无数次
  4 h1~h3对搜索引擎比较友好
  5 h7本身不存在，但是浏览器可以识别，属于html5的可扩展性

普通段落文字标签

  

  1 块级标签

水平线标签

---

   

   1 块级标签
   2 不推荐使用，一般用边框实现
   3 单标签（空标签）

强制换行标签

    

    1 块级标签
    2 对搜索引擎不友好，不推荐使用

最常用的标签

     

     1 块级标签

加粗标签

     1 行内标签
     2   
     3  对搜索引擎友好，推荐使用

倾斜标签

      1 行内标签
      2  推荐使用
      3  一般用于字体图标库

下划线标签

       
       1 行内标签

删除线标签

       
       1 行内标签
       2 电商网站降价常用

上下角标标签

       1 行内标签
       2  上角标
       3 下角标

无效果标签

       
       1 行内标签

图片标签

        单标签 行内标签
       src属性：图片路径
                     一般使用相对路径：通过当前文件找到目标文件(不能跨盘)
                     上一级../ 同级./ 下一级/
       alt属性： 图片加载失败时的显示，对搜索引擎友好
       title属性： 鼠标悬停时的显示

·

超链接标签

        
        行内标签
        
        href 跳转地址，空白时为刷新效果（网址前要加上http:// 或 https://）
        title 鼠标悬停显示
        target="_blank" 页面在新窗口打开
        target="_self"或target=" " 本页面打开

列表标签

      1 有序列表 order list
              

                    

                    

              
      2 无序列表（最常用）
               

                        
  
                        

               
      3 自定义列表
                

                       
 标题
                       
 内容
                

标签嵌套规范

    div 可以嵌套任何标签
    p 只能嵌套行内标签
    h1~h6 可以嵌套标题以外的任意标签，推荐只嵌套文字或者行内标签
    列表标签组合使用
        ul li
        ol li
        dl dt/dd
    li和dd可以嵌套任何标签
    行内标签不能嵌套块级标签
    
    
    重要：p 不能嵌套块级元素
          a 不能嵌套 a