HTML语义
语义类标签是什么,使用它有什么好处?
个人理解:常用的header,footer,section,aside,nav等等,其他的可在实际使用中查询。
语义类标签也是大家工作中经常会用到的一类标签,它们的特点是视觉表现上互相都差不多,主要的区别在于它们表示了不同的语义,比如大家会经常见到的section、nav、p,这些都是语义类的标签。 在任何“软件界面”的场景中,直接使用div和span。 不过,在很多工作场景里,语义类标签也有它们自己无可替代的优点。正确地使用语义标签可以带来很多好处。
语义类标签对开发者更为友好,使用语义类标签增强了可读性,即便是在没有CSS的时候,开发者也能够清晰地看出网页的结构,也更为便于团队的开发和维护。
语义类标签对开发者更为友好,使用语义类标签增强了可读性,即便是在没有CSS的时候,开发者也能够清晰地看出网页的结构,也更为便于团队的开发和维护。
用对”比“不用”好,“不用”比“用错”好
HTML中语义标签的使用更接近我们平常说话用的自然语言,作为自然语言和纯文本的补充,用来表达一定的结构或者消除歧义。
作为标题摘要的语义类标签
有些时候,我们会有副标题,为了避免副标题产生额外的一个层级,我们使用hgroup标签。
作为整体结构的语义类标签
header,如其名,通常出现在前部,表示导航或者介绍性的内容。
footer,通常出现在尾部,包含一些作者信息、相关链接、版权信息等。
aside表示跟文章主体不那么相关的部分,它可能包含导航、广告等工具性质的内容。
最后footer中包含address,这是个非常容易被误用的标签。address并非像date一样,表示一个给机器阅读的地址,而是表示“文章(作者)的联系方式”,address明确地只关联到article和body。