新手前端笔记之--初识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

这里面的标签是必须出现在标签内的，但并不属于我所说的第一部分。

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个与表单有关的标签： , ,

View Code

这个表单是由表格来布局的，是很早之前流行的方式，现在已经很少使用。就我所看到的而言，都是用定义列表( )和div标签来布局的，上述代码是从网上找来的，标签应用很全，所以就在此使用。
6个与列表有关的标签： , , , , , 。

1 2 3 春 4 夏 5 秋 6 冬 7 8 9 10 春 11 夏 12 秋 13 冬 14 15 16 17 Coffee 18 Black hot drink 19 Milk 20 White cold drink 21

3个与图像有关的标签： , ,。

5个引入标签： , , , 。 --为html文档引入样式表，和为html文档引入脚本, 和定义引入多媒体对象并为其设置参数。
2个容器标签：
,
10.还剩下6个单独标签：用于注释，
用于换行，分割线，定义超链接，定义按钮，地址标签。

　　对“旧”标签的总结就是上面这些了，以后会对一些重要的、常用的标签进行总结。
查看更多关于新手前端笔记之--初识html标签_html/css_WEB-ITnose的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did102187

更新时间：2022-11-17 阅读：31次