二、如何理解 HTML 语义化
我个人的理解是从概念入手。
结合自己总结HTML的概念来看:
1.HTML是超文本标记语言。超文本的意思就是除了文字文件之外还包括图片、视频、超链接等类型的文件。
2.标记语言。HTML将文件资源按照一定的逻辑结构进行标记的,浏览器可以读取的一种语言。
3.要记住两个关键词:结构、内容。
HTML主要是将内容资源按照一定的逻辑结构化,呈现出来给浏览器和用户看的。
和数学、哲学用实体、属性、关系等概念化、标签化现实世界一样,HTML也通过标签、属性、值、结构等来呈现网络世界的资源。
所以从HTML存在的目的来看,让计算机和用户更能清楚理解要呈现和表达的内容以及内容结构是最重要的。
所以,HTML语义化就是要让每一个标签做它最应该做的事情,各司其职。
并让页面内容更结构化、清晰明了,便于浏览器、搜索引擎解析,方便页面SEO。
对于用户而言,就算没有CSS的“排版、美化、上色”等步骤,也能很方便阅读页面内容。
大白话地打个比方来说就是:即便是没有上色的白描,也要够精致,也要是一幅好画。
同时,这样对于后续维护网站的人来说,也不会因为“不一样的主观理解”,造成歧义。
这告诉我们:一定要按照规范要求来使用HTML的标签。在拿到一个页面开发任务的时候,一定要先分析,分析PSD文件中,页面的结构是什么样的?哪里是主标题,哪里是主要部分,分几个层次,内容结构是什么样的,就好比画思维导图一样的,要学会分析页面结构,并严格按照规范进行开发。
参考内容:
语义化的含义就是用正确的标签做正确的事情,html语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。