前端面试题：HTML 语义化的理解

定义：

1 “语义化”指的是在需要更少的人类干预的情况下，能够研究pc和手机信息，让网页能够被机器理解，最终让人类受益

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

好处：

语义化的优点如下：

1.对机器友好，带有语义的文字表现力丰富，更适合搜索引擎的爬虫爬取有效信息，有利于 SEO。除此之外，语义类还支持读屏软件，根据文章可以自动生成目录；

2.对开发者友好，使用语义类标签增强了可读性，结构更加清晰，开发者能清晰的看出网页的结构，便于团队的开发与维护。

在没有css的情况下，页面也能呈现出比较好的内容结构、代码结构。
用户体验较好：例如：label标签的活用、title、alt用于解释名词或解释图片。
方便其他设备解析（阅读器、移动设备）以意义的方式来渲染网页。
便于团队维护：语义化的HTML更具可读性，团队遵循W3C标准。
有利于SEO：和搜索引擎建立友好的交流，有利于爬虫抓取更多的有效信息。

常见的语义化标签：

<header></header>----头部

<nav></nav>----导航栏

<section></section>----区块（有语义化的div）

<main></main>----主要区域

<article></article>----主要内容

<aside></aside>----侧边栏

<footer></footer>----底部作者：网星软件 https://www.bilibili.com/read/cv17941046 出处：bilibili

前端面试题：HTML 语义化的理解相关推荐

前端面试题-HTML语义化标签
一.HTML5语义化标签标签描述 <article> 页面独立的内容区域. <aside> 页面的侧边栏内容. <bdi> 允许您设置一段文本,使其脱离其父元素 ...
react前端面试题（实时更新）
React前端面试题 1. 对React-Fiber的理解,他解决了什么问题 2.对webSocket的理解 4.说说你对koa中洋葱模型的理解? 5.说说package.json中版本号的规则? 6 ...
前端周报：前端面试题及答案总结；JavaScript参数传递的深入理解
1.2017前端面试题及答案总结 |掘金技术征文 "金三银四,金九银十",用来形容求职最好的几个月.但是随着行业的饱和,初中级前端er就业形势不容乐观. 行业状态不可控,我们能做的 ...
前端面试题 HTML5 CSS3(盒子模型、盒子水平垂直居中、经典布局) JS(闭包、深浅克隆、数据劫持和拦截) 算法(排序、去重、数组扁平化) Vue(双向数据绑定原理、通信方式)
前端面试题 HTML5 相关面试题 CSS3 相关面试题盒子模型盒子水平垂直居中的方案经典布局方案圣杯布局双飞翼布局 flex布局定位方式布局 css实现三角形 JS 相关面试题 8种数据 ...
前端面试题整理（定期更新）
前言因为面试的原因,最近又开始关注前端面试题,浏览过网上很多面试题集合,有很多小伙伴整理的很全面,但是我发现其中有很多技术点在当下已不再流行,而面试题一般都是映射开发中常遇到的一些技能和问题,再结合 ...
java 前端页面传过来的值怎么防止篡改_答对这40道经典web前端面试题，想不拿到offer都难！...
想成功就业web前端工程师,想要能高薪就业,那么除了好的web前端技能以外,还得有好的面试技巧,如果提前就了解更多企业的面试要求及面试题目,那么可以让我们的面试成功的几率大大的提高. 今天小编就整理了 ...
Web前端面试题集锦
Web前端面试题集锦前端开发面试知识点大纲: 注意转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/5927180.html )作者:wangwen896 H ...
[html] 你对标签语义化的理解是什么？
[html] 你对标签语义化的理解是什么? 标签语义化的初衷是让正确的标签做正确的事情,但对于人来说,标签的语义除了在 tag 上体现,还可以从 id, class 上体现出来.而每个人对于标签的理解 ...
array 前端面试题_web前端开发面试题汇总
前端面试题汇总第一部分HTML&CSS 1. 浏览器分类浏览器:IE,Chrome,FireFox,Safari,Opera. 内核:Trident,Gecko,Presto,Webkit ...
promise的状态以及api介绍_2019年，盘点一些我出过的前端面试题以及对求职者的建议
笔者虽然曾经也面试过很多求职者,但是对于前端的笔试和面试,我觉得并不能体现一个人的真实能力,所以建议大家多修炼前端真正的技术.对于前端面试题,之前也承诺过读者要出一篇,笔者大致总结一下曾经面试的题目. ...

前端面试题：HTML 语义化的理解

前端面试题：HTML 语义化的理解相关推荐

最新文章

热门文章