当前位置：Gxlcms > html代码 > 新手前端笔记之--初识html标签_html/css_WEB-ITnose

新手前端笔记之--初识html标签_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：6人阅读

　　接触前端（好大气的名字啊）已经一个多月了，看了很多视频和博客，有了一定的感性认识，但还是需要总结一下以便系统化所学习的知识，就从html标签开始吧。关于标签，谈论最多的就是简洁和语义化。简洁指html标签仅仅负责把页面中的内容进行正确标示即可，而对内容的表现形式则统统交由css负责。语义化本不应成为问题，因为就像人与人之间的交流需要有意义的语言一样，html文档作为人与浏览器交流的语言自然是有意义的，但这并不能使所有人都遵循（类似于有了普通话，但各地方言依然流行，因为有时都可以达到一样的目的，所以人们总是按其最习惯的方式来进行）。简洁的问题到css是在进行总结，现在先谈谈语义化的问题。

　　w3school中共有117个标签，其中html5有16个不支持，29个新标签，以及从以前延续下来的72个标签。

　　今天先大致分类（按照我对其语义的理解）一下这72个“旧”标签吧，在此基础上以后分步进行语义辨析：

4个框架标签：,,, 

1 2 3        4            标题5        6        7               内容。。。8        9

这里面的标签是必须出现在<head>标签内的，但并不属于我所说的第一部分。</p> 4个只能（但并不必须）或必须在<head></head>标签之内出现的标签：<title>,<meta>,<base>, <p class="sycode"> <pre class="sycode" name="code">1 <head>2 <title>标题3 4 5 6

22个与文本有关的标签：,,,
,,,,,,

-

,,,

,

,,,,,,,,这么多标签与文本有关也传递出一个信息，那就是文本内容才是网页中最重要的部分。 10个与表格有关的标签：,,,,,,,。  
   
,
,
  每月的存款        
    月份    一月    二月    三月  
  
    存款    1000元    1000元    1000元  
  
  
   
 1  2    3      4        5      6    7    8      9       10     11   12   13     14        15     16   17 
THEAD 中的文本
TFOOT 中的文本
TBODY 中的文本
  
  
 
 10个与表单有关的标签：
,,   
 View Code  
  
这个表单是由表格来布局的，是很早之前流行的方式，现在已经很少使用。就我所看到的而言，都是用定义列表(
)和div标签来布局的，上述代码是从网上找来的，标签应用很全，所以就在此使用。
 6个与列表有关的标签：
    ,
      ,
    • ,
      ,
      ,
      。  
         
       1  2 
         3    
      1. 春
        2.  4    
      2. 夏
        3.  5    
      3. 秋
        4.  6    
      4. 冬
        5.  7 
       8  9 
        10    
      • 春
        • 11    
      • 夏
        • 12    
      • 秋
        • 13    
      • 冬
        • 14 
      15 16 
      17   
      Coffee
      18   
      Black hot drink
      19   
      Milk
      20   
      White cold drink
      21 
        
        
       
       3个与图像有关的标签：,,。  
         
      Planets                 
        
        
       
       5个引入标签：