读书笔记之html标签的语义的意义——《编写高质量的代码:Web前端开发的修炼之道》

之前看过的几本关于html的书,都在强调标签,以及标签的属性、表示方法、使用方法,让我误解为其实html就是标签堆积起来的,同样也让我认为不使用样式时html页面是没有任何样式的,今天看了这本《编写高质量的代码:Web前端开发的修炼之道》才知道,原来关于html中的标签远不是这么回事。

书中,列举标签的方式也有别于其他参考书,它并没有解释该标签表示什么意思,而是列出了标签、标签的英文全拼和中文翻译,这样我们看了全拼或者中文翻译后就一目了然地知道了标签的作用。作者这样列出标签的目的意在告诉我们其实每一个html标签都是有实际意义的,看到这样的文章的时候我瞬间就觉得html并不是枯燥乏味没有深度的了,反而觉得生动了。

自打出现CSS后,table布局渐渐少了。而这种现象的主要原因是因为table样式一方面,代码量大,结构混乱;另一方面,table样式里的标签语义不明确,对搜索引擎不友好。可是,虽然可以用CSS任意控制标签的,但是如果忽略标签的语义,CSS使用不当的话还是会走上table布局的老路。所以作者认为前端开发者正确的做法应该是:先确定html,确定语义的标签,再来选择合适的css。如此,即便遇到浏览器兼容问题,也不会降低网页的可读性。

作者通过从仅仅实现到html/css的完美配合距离告诉我们考虑到了标签的语义,才能更好地发挥css的作用,另外,对于无语义的div和span标签只有当页面内标签无法满足设计需要时,才会适当加以添加无语义标签来辅助实现。书中的几个例子也为我们列举了我们在网页中会遇到的一些个主要内容。

最后总结:这本书还是值得一看的啦O(∩_∩)O~~


<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值