网页前端开发之HTML标签语义

来源： All文章

发布时间：2023-07-31 09:32:00

　　HTML标签的设计都是有语义考虑的，下表是部分标签的全称和中文翻译。

　　其中，p和soan其实是没有语义的，它们只是分别用作块级元素和行内元素的区域分隔符。

　　如何确定你的标签是否语义良好

　　判断网页标签语义是否良好的一个简单方法就是：去掉样式，看网页结构是否组织良好有序，是否仍然有很好的可读性。语义良好的网页去掉样式后结构依然很清晰。

　　同样的设计图，不同的HTML标签可以通过不同的CSS实现同样的页面，但语义不好的CSS布局和语义良好的CSS布局在去样式后的表现却可能截然不同。

　　如果选用的标签几乎全是不带语义的，那么在去样式后网页中几乎看不到任何结构信息，可读性非常差；如果选用的都是语义适合的标签，去样式后网页依然具有非常好的可读性。

　　所以我们的开发过程中，不要拿到一个任务后就马上开始写代码，在拿到设计稿后不要急于马上进行开发，而是先根据页面结构进行分析，先考虑好框架，适用的标签等，会让整个开发过程更有规划、更顺畅，是一个先慢后快的过程。反之就可能出现先快后慢的局面，越到后期开发速度越慢，反复修改bug、打补丁。

* 文章来源于网络，如有侵权，请联系客服删除处理。