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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了新手前端笔记之--初识html标签_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2212字，纯文字阅读大概需要4分钟。

内容图文

　　接触前端（好大气的名字啊）已经一个多月了，看了很多视频和博客，有了一定的感性认识，但还是需要总结一下以便系统化所学习的知识，就从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个引入标签：