iwenwikiiwenwiki
首页
  • 指尖联盟
  • 百战商城
  • uniapp
  • 网易云音乐
  • 安心食疗
前端面试题
鸿蒙面试题
华为认证题库
项目列表
毕设与课设
  • 仓颉
  • 前端
  • HarmonyOS
视频教程
首页
  • 指尖联盟
  • 百战商城
  • uniapp
  • 网易云音乐
  • 安心食疗
前端面试题
鸿蒙面试题
华为认证题库
项目列表
毕设与课设
  • 仓颉
  • 前端
  • HarmonyOS
视频教程
  • 面试前准备

    • 面试前准备
  • 前端面试题-HTML

    • 1. src和href的区别
    • 2. 对HTML语义化的理解
    • 3. DOCTYPE(⽂档类型) 的作⽤
  • 前端面试题-CSS

    • 1. CSS选择器及其优先级
    • 2. CSS中可继承与不可继承属性有哪些
  • 前端面试题-JavaScript

    • 一、数据类型
    • 二、ES6
    • 三、JavaScript基础
  • 前端面试题-Vue

    • Vue
  • 前端面试题-React

    • React
  • 前端面试题-性能优化

    • 性能优化

2. 对HTML语义化的理解

**语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化)。**通俗来讲就是用正确的标签做正确的事情。通俗来讲就是用正确的标签做正确的事情。

语义化的优点如下:

  • 对机器友好,带有语义的文字表现力丰富,更适合搜索引擎的爬虫爬取有效信息,有利于SEO。除此之外,语义类还支持读屏软件,根据文章可以自动生成目录;
  • 对开发者友好,使用语义类标签增强了可读性,结构更加清晰,开发者能清晰的看出网页的结构,便于团队的开发与维护

常见的语义化标签:

<header></header>  头部

<nav></nav>  导航栏

<section></section>  区块(有语义化的div)

<main></main>  主要区域

<article></article>  主要内容

<aside></aside>  侧边栏

<footer></footer>  底部
Prev
1. src和href的区别
Next
3. DOCTYPE(⽂档类型) 的作⽤