谈谈对HTML语义化的理解_html/css_WEB-ITnose
程序员文章站
2022-04-15 09:49:20
...
什么是HTML语义化?
HTML标签可以分为有语义的标签,和无语义的标签。比如table表示表格,form表示表单,a标签表示超链接,strong标签表强调。无语义标签典型的有
,等。HTML语义化我的理解就是在页面中尽量多滴结合场景多使用含有语义的标签,少使用div,span等无语义的标签。
why?为什么要进行语义化?
1,现在的开发基本上都是一个团队合作进行开发。这种情况下,我们写的代码不仅要让我们自己能看懂,而且也应该让别人也容易理解和阅读,要保证代码的可维护性,这一点很重要。但是在实际开发中,由于HTML的灵活性,以及CSS的强大,以至于实现同一种界面样式,不同的人写出来的代码可能实现方式都不太一样。实现糟糕的,可能全是div套div,这样的代码到时候维护的话可能就是一场灾难。这一点,个人觉得是最主要的因素。
2,和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息
3,考虑到代码的可复用性,可移植性,方便其他设备的解析执行。移动设备、盲人阅读器等。
个人感受
HTML,css需要学的知识点吧,不多。使用门槛比较低,但是,要想使用的好还是比较难的。使用起来纯粹是一门艺术。就像是大家都认识汉字,而作家却能使用这些文字写出一篇一篇动人的文章,而我就不行。。。
同一个页面效果,不同的人写出的HTML很可能都是不一样的。个人觉得HTML的结构直接决定的css选择器的复杂度,影像到后期的维护,甚至还会影像性能等等。总之HML,CSS要想使用的好还是有一定难度的。
以上,是我个人在实际开发中的一些感受,欢迎各位高手指正,交流。
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
相关文章
相关视频
推荐阅读
-
左右两边高度自适应,右边宽度为浏览器宽度-200px。这个是怎么理解的呀?_html/css_WEB-ITnose
-
Tiff ? 值得你体验一下的可视化的字体对比工具_html/css_WEB-ITnose
-
dreamweaver中设置层对层的相对位置_html/css_WEB-ITnose
-
探寻ASP.NET MVC鲜为人知的奥秘(1):对LESS的支持_html/css_WEB-ITnose
-
请教div层浮动的做法:例如 登陆对话div层跟随页面上下浮动的做法_html/css_WEB-ITnose
-
对position属性的总结_html/css_WEB-ITnose
-
你如何理解HTML结构的语义化?
-
Semantic UI ? 完全语义化的前端界面开发框架_html/css_WEB-ITnose
-
CSS/块级元素与内联元素的深入理解_html/css_WEB-ITnose
-
对于浮动的一些理解_html/css_WEB-ITnose