当前位置: 首页 > Web前端 > HTML5

【重构前端知识体系之HTML】讲讲对HTML5的一大特性——语义化的理解

时间:2023-04-05 23:42:13 HTML5

【HTML重构前端知识体系】说说HTML5的一大特点——语义理解在说什么是语义之前,我们先来了解一下语义的背景。正如上一篇文章所提到的,HTML最重要的特性是标签。但是工程那么大,看不懂的标签那么多,而且是一堆一堆的。有些名字很奇怪,想维护就被劝退了。团队合作导致团战开始!因此,语义化迫在眉睫!什么是语义,我们写HTML其实并不重要,因为用户看不到你里面长什么样,也不需要看。因为有了CSS你有了漂亮的衣服,即使你的HTML乱七八糟,CSS也能让它闪闪发光。但是用户看不到,开发者看得见!因此,这个语义朋友就是开发者自己。所谓语义化,就是HTML本身也可以体验到人性化的结构!语义的好处在没有CSS的情况下,页面也能呈现出良好的内容结构和代码结构。这样一来,开发者一眼就能明白你的意图,一秒破冰!搜索引擎优化友好。如果对开发者友好,那当然也是对开发者的小bug!当标签应用得当,反映出您希望关键字具有的上下文权重时,搜索引擎爬虫就会上路。那么网站的流量就不会来了。可以支持一些特殊设备(盲读、移动设备)、网页翻译等,最直观的一点就是你的队友都想和你合作!您的队友喜欢您代码的语义!语义更具可读性,遵循W3C标准的团队遵循此标准,减少差异化。(跳槽快,集成快?)工作中不要用一些纯粹的样式标签来进行语义思维,这些CSS会帮我们做到。如:b、font、u等标签。需要强调的文字可以包含在strong或em标签中(,strong默认样式是粗体(不要用b),em是斜体(不要用i)。使用mark标签表示标记/高亮text。不过还是可以考虑用css来完成。每个input标签对应的描述文本需要使用label标签,并为input设置id属性,在lable标签中设置for=someld来关联描述文本FormFields要用fieldset标签包裹,用legend标签说明表单的用途,用

-

表示标题,用CSS写样式时,命名也需要遵循HTML的结构,体现语义的本质。语义标签1.
标签定义了文档的页眉通常包含页面的正文和副标题。

他真的是个帅哥吗?

根据现场调查,他真的是个帅哥!

2、
标签定义文档或节的页脚页脚通常包含文档的作者、版权信息、使用条款的链接、联系方式等。可以在单个文档中使用多个
元素。

发表者:帅哥

3.
标签指定文档的主要内容。
元素中的内容对于文档应该是唯一的。它不应包含在整个文档中重复出现的内容,例如侧边栏、导航栏、版权信息、站点徽标或搜索表单。文档中不能有多个
元素。
元素不能是以下元素的后代: