专业编程基础技术教程

网站首页 > 基础教程 正文

14、说说你对语义化的理解?列举 5 个语义化的标签?(必会)

ccvgpt 2024-08-03 12:41:26 基础教程 14 ℃

1、去掉或样式丢失的时候能让页面呈现清晰的结构:HTML 本身是没有表现的,我们看到例如<h1>是粗体,字体大小 2em,加粗;<strong>是加粗的,不要认为这是 HTML的表现这些其实都是 HTML 默认的 CSS 样式在起作用,所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的 HTML 结构的优点,但是浏览器都有默认样式,默认样式的目的也是为了更好地表达 HTML 的语义,可以说浏览器的默认样式和语义化的 HTML 结构是不可分割的。

2、屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页。

14、说说你对语义化的理解?列举 5 个语义化的标签?(必会)

3、PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页。(通常是因为这些设备对 CSS 的支持较弱)

4、有利于 SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重。

5、便于团队开发和维护,语义化更具可读性,是下一步网页的重要动向,遵循 W3C 标准的团队都遵循这个标准,可以减少差异化。

常见的语义化标签

<header>元素描述了文档的头部区域标签定义导航链接的部分

<section>标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分

<article> 标签定义为独立的内容

<aside>标签定义页面除区域内容之外的内容(比如侧边栏)

<footer>元素描述了文档的底部区域

Tags:

最近发表
标签列表