一点科技

全部频道

您的当前位置：首页新手前端笔记之--初识html标签_html/css_WEB-ITnose

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

来源：一点科技
 　　接触前端（好大气的名字啊）已经一个多月了，看了很多视频和博客，有了一定的感性认识，但还是需要总结一下以便系统化所学习的知识，就从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. ,,,。 
     
     1 2 
       3 
    1. 春
      2.  4 
    2. 夏
      3.  5 
    3. 秋
      4.  6 
    4. 冬
      5.  7 
     8 9 10 
  2. 春
    3. 11 
  3. 夏
    4. 12 
  4. 秋
    5. 13 
  5. 冬
    6. 14 15 16 17 Coffee18 Black hot drink19 Milk20 White cold drink21 
     
     3个与图像有关的标签：   
     5个引入标签：