HTML 语义化是指使用恰当的 HTML 标签来描述内容结构,使页面具有良好的可读性、可访问性和可维护性。语义化的 HTML 代码不仅能够让用户更容易理解和访问页面, 而且对于搜索引擎优化也有一定的帮助。 以下是一些 HTML 语义化的示例: 1.使用 h1 ~ h6 标签来表示标题的级别,使页面具有良好的结构。 2.使用 p 标签来表示段落,使用 br 标签来表示换行,使用 hr 标签来表示水平线,使页面具有良好的排版 3.使用 ul 和 ol 标签来表示无序列表和有序列表,使用 li 标签来表示列表项,使页面具有良好的结构。 4.使用 a 标签来表示链接,使用 img 标签来表示图片,使用 video 标签来表示视频,使用 audio 标签来表示音频,使页面具有良好的可读性和可访问性。 5.使用 form 标签来表示表单,使用 input、textarea、select 等标签来表示表单元素,使用 label 标签来表示表单元素的标题,使页面具有良好的可读性和可访问性。6.使用 header、nav、article、section、aside、footer 等标签来表示页面的不同部分,使页面具有良好的结构和可维护性。 需要注意的是,语义化的 HTML 代码并不一定意味着代码量更少或者执行效率更高,但它能够提高代码的可读性、可维护性和可访问性,从而使开发者更容易管理和维护页面。因此,在 HTML 开发中,应该尽量遵循 HTML 语义化的原则,编写具有良好结构和可读性的代码。
语义化顾名思义,见字如面,头部<header>底部<footer>,都是在善待开发盟友,避免在接手或者重构页面时滚轮冒烟来回查看css样式,当然对于开发者来说语义化=阅读=效率=情绪。还有一个就是对搜索引擎爬虫的排名优化也就是seo(不知是否理解正确)不过当注释得当一目了然 div span 也是可以的 还有一些框架对于seo来说并没有太大的作用,这也是一些大厂的网站没有进行语义化重构的某一点上的原因吧