任务四——课程作业2

二、如何理解 HTML 语义化


我个人的理解是从概念入手。

结合自己总结HTML的概念来看:

1.HTML是超文本标记语言。超文本的意思就是除了文字文件之外还包括图片、视频、超链接等类型的文件。
2.标记语言。HTML将文件资源按照一定的逻辑结构进行标记的,浏览器可以读取的一种语言。
3.要记住两个关键词:结构、内容。

HTML主要是将内容资源按照一定的逻辑结构化,呈现出来给浏览器和用户看的。
和数学、哲学用实体、属性、关系等概念化、标签化现实世界一样,HTML也通过标签、属性、值、结构等来呈现网络世界的资源。
所以从HTML存在的目的来看,让计算机和用户更能清楚理解要呈现和表达的内容以及内容结构是最重要的。
所以,HTML语义化就是要让每一个标签做它最应该做的事情,各司其职。
并让页面内容更结构化、清晰明了,便于浏览器、搜索引擎解析,方便页面SEO。
对于用户而言,就算没有CSS的“排版、美化、上色”等步骤,也能很方便阅读页面内容。
大白话地打个比方来说就是:即便是没有上色的白描,也要够精致,也要是一幅好画。

同时,这样对于后续维护网站的人来说,也不会因为“不一样的主观理解”,造成歧义。

这告诉我们:一定要按照规范要求来使用HTML的标签。在拿到一个页面开发任务的时候,一定要先分析,分析PSD文件中,页面的结构是什么样的?哪里是主标题,哪里是主要部分,分几个层次,内容结构是什么样的,就好比画思维导图一样的,要学会分析页面结构,并严格按照规范进行开发。


参考内容:

语义化的含义就是用正确的标签做正确的事情,html语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;在没有样式CCS情况下也以一种文档格式显示,并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,239评论 0 8
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,860评论 1 92
  • 一、HTML、XML、XHTML 有什么区别 HTML: 超级文本标记语言是标准通用标记语言下的一个应用,也是一种...
    风之聖痕阅读 326评论 0 3
  • HTML、XML、XHTML 有什么区别 HTMLHTML(Hyper Text Mark-up Language...
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 2,139评论 2 21