接触前端(好大气的名字啊)已经一个多月了,看了很多视频和博客,有了一定的感性认识,但还是需要总结一下以便系统化所学习的知识,就从html标签开始吧。关于标签,谈论最多的就是简洁和语义化。简洁指html标签仅仅负责把页面中的内容进行正确标示即可,而对内容的表现形式则统统交由css负责。语义化本不应成为问题,因为就像人与人之间的交流需要有意义的语言一样,html文档作为人与浏览器交流的语言自然是有意义的,但这并不能使所有人都遵循(类似于有了普通话,但各地方言依然流行,因为有时都可以达到一样的目的,所以人们总是按其最习惯的方式来进行)。简洁的问题到css是在进行总结,现在先谈谈语义化的问题。
w3school中共有117个标签,其中html5有16个不支持,29个新标签,以及从以前延续下来的72个标签。
今天先大致分类(按照我对其语义的理解)一下这72个“旧”标签吧,在此基础上以后分步进行语义辨析:
4个框架标签:,,, 1 2 3 4 标题5 6 7 内容。。。8 9
这里面的标签是必须出现在标签内的,但并不属于我所说的第一部分。
4个只能(但并不必须)或必须在标签之内出现的标签:,,, 1 2 标题3 4 5 6
22个与文本有关的标签:,,,,,,,,,-,,,,,,,,,,,,这么多标签与文本有关也传递出一个信息,那就是文本内容才是网页中最重要的部分。 10个与表格有关的标签:,,,,,,,,,。 每月的存款 月份 一月 二月 三月
存款 1000元 1000元 1000元
1 2 3 4 thead 中的文本 5
6 7 8 9 tfoot 中的文本 10
11 12 13 14 tbody 中的文本 15
16 17
10个与表单有关的标签:,,,,,,,,,。 1 2 3 请输入如下的信息然后进行注册 4 5 6 用户名: 7 8
9 10 密码: 11 12
13 14 确认密码: 15 16
17 18 性别: 19 20 男 21 女 22 23
24 25 性别(可以点文字选择): 26 27 28 请选择性别 29 30 男 31 32 女 33 34 35
36 37 城市: 38 39 40 北京 41 深圳 42 上海 43 南昌 44 45 46
47 48 城市所在区域: 49 50 51 52 朝阳区 53 海淀区 54 其他区 55 56 57 东湖区 58 西湖区 59 青山湖区 60 61 62 63
64 65 交友目标: 66 67 68 同行 69 普通朋友 70 爱人 71 72 73
74 75 爱好: 76 77 78 足球 79 蓝球 80 乒乓球 81 82
83 84 照片上传: 85 86 87 88 89
90 91 自我介绍: 92 93 94 95 96 97
98 99 100 101 102 104 105
106
107 108
view code
这个表单是由表格来布局的,是很早之前流行的方式,现在已经很少使用。就我所看到的而言,都是用定义列表()和div标签来布局的,上述代码是从网上找来的,标签应用很全,所以就在此使用。
6个与列表有关的标签:,,,,,。 1 2 3 春 4 夏 5 秋 6 冬 7 8 9 10 春11 夏12 秋13 冬14 15 16 17 coffee18 black hot drink19 milk20 white cold drink21
3个与图像有关的标签:,,。
5个引入标签: