前端开发注意事项(HTML与CSS进阶)

HTML 与 CSS 进阶#

• Img 标签

  alt 属性 一定要添加 用于图片描述 给机器看的，如果图片加载失败，会显示 alt

• 为 img 添加 图片注释 建议做法为 figure(图形) 和 figcaption [caption(字幕)]

        
    
图片说明

• 表格语义化 数据形式的最佳选择还是表格

(h5新增 th, caption, thead, tbody 和 tfoot 根据需求选择使用者三个标签)

    

        
表格示例
        
        

            

                
表头单元格1
                
表头单元格2
            
        
        
        

            

                
标准单元格1
                
标准单元格2
            
            

                
标准单元格1
                
标准单元格2
            
        
        
        

            

                
标准单元格1
                
标准单元格2
            
        
    

• 换行符
  

    标题 

    第一部分内容

    第二部分内容

    第三部分内容


 

    广东省
广州市
黄埔大道61号

• 无序列表

  主要用于列表型数据

  
      
  1HTML 教程
      
  2PHP 教程
      
  3java 教程
  
  有人说，每一个列表前都有数字，为什么不用有序列表实现。
  答: 因为有序列表前的数字外观是固定的，不能修改。所以在开发中，大多数情况下都是使用无序列表
  

  • Strong 标签和 em标签

    可以用于 SEO 突出

  W3C 对这两个标签赋予了"强调"的语义。 为了SEO突出，可以使用 strong 和 em
   如果被 CSS 重新定义新的样式，也不影响这两个标签的语义
  

  如何判断一个页面是否语义良好

  去掉所有CSS效果，查看便知