解读HTML:大厦的基石

作者:Prower 来源:Prower博客 时间:2008-12-01 12:57:00 

在许多人看来,HTML应该是WEB制作所有语言中最简单的语言,因为它不需要编译、封闭等,甚至只需要一个记事本就可以让其在浏览器中呈现出来。所以我们也看到很多人都在说HTML很简单超简单之类的话,网上也有很多诸如“花个两三天学习下HTML就可以制作网页”之类的理论。在这些人看来,学HTML就像是学英文字母ABC一般简单。

正是这样的理论这样的思想,导致学习HTML的人都不把它当回事,认为HTML仅仅只是诸如“加粗用<B />标签,斜体用<I />标签”之类的应用。这样的思想尤其是在初学者当中流传,而一旦真正深入的了解学习HTML之后,才会发现HTML远非想像中的那么简单。

而随着WEB标准大潮的席卷互联网,更多的人索性就差不多抛弃HTML众多标签般的只用DIV,似乎DIV+CSS就是WEB标准的核心。这个错误的理论与HTML超简单的理论被绑在了一起,在互联网中传播着。思想改变行动,最终造成了WEB标准在国内互联网推行的困难重重。

真正的WEB标准应该是推崇以更合适的语义标签来制作网页结构,完全不是在整个页面写满DIV就是符合WEB标准。与此相同的道理是,HTML远远不是你所想像中的那么简单。


一个网站在浏览器中呈现效果的好坏,视觉因素占一半的比重,而另一半的比重就在于网页的结构上。

我们可以在网上看到很多整个页面都是由DIV架构的网页,这些DIV结构的页面在配合上CSS时,整个页面在浏览器中呈现的也许很正常,并看不出什么问题。可是如果用户禁用掉CSS之后呢?浏览器还能否正确的理解网页结构并呈现出来,就成了判断这个网页结构好坏的很重要的一个标准。而对于这些完全由DIV结构组成的页面,很显然的,在CSS被禁用之后,浏览器就很难呈现出一个结构清晰明了的页面来,而用户自然也很难从结构上去判断哪些内容是标题,哪些内容是真正的内容。

而如果在页面中采用了更符合语义的HTML标签的话,即使CSS样式在被禁用之后,浏览器依然可以根据<h />标签来显示成标题,根据<p />标签来显示成段落,最终仍然可以为用户呈现出结构清晰明了的页面。

如果把网站建设比喻成是建造一栋大厦,那么HTML无疑就是这栋大厦的基石,如果基石不够坚稳的话,那么这栋大厦就很有可能会面临倾倒的危险。

从深层次理解并学习HTML的标签语义,从思想上重视HTML,别忘了,整个网站都是基于HTML结构来呈现的。

标签:html,web标准,网页,标签
0
投稿

猜你喜欢

  • Python统计词频并绘制图片(附完整代码)

    2022-01-01 09:28:24
  • Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】

    2022-01-04 08:14:09
  • JavaScript游戏开发之键盘控制层的移动

    2008-09-13 19:29:00
  • python 点云地面点滤波-progressive TIN densification(PTD)算法介绍

    2023-05-26 17:50:55
  • GDAL 矢量属性数据修改方式(python)

    2021-01-30 20:53:28
  • python pickle存储、读取大数据量列表、字典数据的方法

    2021-10-01 11:22:51
  • python用tkinter实现一个gui的翻译工具

    2022-12-13 11:30:48
  • 基于python图书馆管理系统设计实例详解

    2023-06-28 23:44:13
  • DJANGO-ALLAUTH社交用户系统的安装配置

    2022-10-03 11:29:08
  • MYSQL必知必会读书笔记第四章之检索数据

    2024-01-18 03:34:40
  • 使用Python实现二终端网络可靠度

    2021-03-25 17:39:40
  • javascript 深拷贝

    2024-05-25 15:18:49
  • JS实现字符串转驼峰格式的方法

    2024-04-10 13:58:45
  • pytorch 输出中间层特征的实例

    2022-06-08 07:36:39
  • 浅析MySQL并行复制

    2024-01-13 02:54:10
  • ajax 同步请求和异步请求的差异分析

    2011-07-05 12:36:04
  • asp get和post数据接收过滤

    2011-04-06 10:52:00
  • 原生js编写autoComplete插件

    2024-05-09 10:37:43
  • 关于Keras模型可视化教程及关键问题的解决

    2021-03-19 10:39:07
  • Python json解析库jsonpath原理及使用示例

    2022-05-18 09:43:00
  • asp之家 网络编程 m.aspxhome.com