稻米鼠的编程漫谈(更新至 0010)

0002

如果有跟着思考,可能会有一个疑问:

你说关注“是什么”而不是“长什么样”,这可以理解。但是像加粗啊,斜体啊,删除线啊,这些难道不是长什么样么?

这是一个很好的问题,虽然弄懂了这个问题可能也没什么大用,但是理解和不理解还是存在本质区别的,这种区别只能自己在学习的过程中不断体会。

加粗,斜体,删除线,确实都是长什么样,专业点叫做样式。

但这并不矛盾。因为我们前面学习的那些标记表达的并不是这个意思,只是为了方便大家理解,我们说 **这是加粗**。而实际上,它表达的是对标记内容的强调,对,重点是强调,至于怎么去强调,并不关心。当然,一般在文字上,我们会用加粗这种突出显示的方法来强调。但如果不是加粗,而是红色文字,显然也十分合理。

斜体的本质也不是斜体,只是表示需要区别于正文的内容,你看,和正文有区别,但是又不需要突出,是不是就斜体比较方便。如果不是斜体,而是蓝色文字,当然也没有毛病。

删除线怎么解释呢。删除就是删除,但划掉只是表现形式,其实中间这一条叫做贯穿线,是一种文字的装饰线,同样的还有下划线(多见于链接)和上划线(这个很少见)。你看,样式本身并没有删除的含义,只是我们约定俗成的认知罢了。

这种侧重描述这是什么的思想就比较接近我们写代码时的语义化思维,我们的首要目的是表达清楚这是什么,而不是为了让它表现成什么样子。

毕竟,如果我们直接阅读代码,一看就知道这里是标题,那里是强调,这就很好读。又比如,我找你借东西,描述的特别细致精确,我要一个一头大一头小,一头沉一头轻,一头铁的一头木头……就不如直接说借我一把锤子这种表达更明确。

好,理解了优先表达是什么,然后再关注长什么样的思想。

现在我们来解决一些可能产生歧义的问题。

我用**这句话**向**大家**展示前后标记完全**一样**时导致**难以阅读**的情况。

这种,你能一眼看出强调的是哪些词吗?很难,我们得从最开始,一对儿一对儿的才能理清。所以前面我说加空格进行区分,一方面是让编辑器不容易搞错,一方面也是我们自己好读。但这种不够稳定的方式,还是不太适合放在各种场景下去使用。

那我们换一种方式,强调的英文是什么? strong,就大声说的意思吧(我猜的)。现在我们规定 <strong> 表示从这里开始强调,</strong> 表示到这里结束强调。再试试:

我用<strong>这句话</strong>向<strong>大家</strong>展示前后标记完全<strong>一样</strong>时导致<strong>难以阅读</strong>的情况。

现在是不是随便看哪个位置都可以快速区分开始和结束的位置了。这就是 HTML 了。

这样一个尖括号里面写上单词的形式叫做标签,就是用来对内容进行标记的。

  • 开始的叫做开始标签,像: <strong> 这样;
  • 结束的叫做结束标签,像: </strong> 这样,就是前面多了个斜线。

好懂吧?里面的单词说的是这个标签标记的内容是什么,诶,这就是语义化了。

理解了这些,你再去看 HTML 代码就可以大概理解了。我知道还是看不懂,毕竟里面还有好些简写,不过反正都是标记嘛,这块儿是什么,那块儿是什么,这两块儿是一样的玩意儿……这些你还是能看明白的。

别怕,代码不咬人,你看它两眼,再看它两眼,说不定就看明白点了呢。


你不点个赞,我怎么知道有人看呢?

或者,请我喝杯咖啡,让老鼠更努力的用爱发电 老鼠爱发电

3 个赞