对 HTML 语义化的理解
对 HTML 语义化的理解
去掉或者丢失样式的时候能够让页面呈现出清晰的结构
有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;
方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;
便于团队开发和维护,语义化更具可读性,是下一步把网页的重要动向,遵循 W3C 标准的团队都遵循这个标准,可以减少差异化。
HTML5 中新增加的很多标签(如:<article>、<nav>、<header>和<footer>等) 就是基于语义化设计原则)
总结
1.用正确的标签做正确的事情!
2.html 语义化就是让页面的内容结构化,便于对浏览器、搜索引擎解析;
3.在没有样式 CCS 情况下也以一种文档格式显示,并且是容易阅读的。
4.搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重,利于 SEO。
5.使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解
对 HTML 语义化的理解相关推荐
- [html] 你对标签语义化的理解是什么?
[html] 你对标签语义化的理解是什么? 标签语义化的初衷是让正确的标签做正确的事情,但对于人来说,标签的语义除了在 tag 上体现,还可以从 id, class 上体现出来.而每个人对于标签的理解 ...
- 【重构前端知识体系之HTML】讲讲对HTML5的一大特性——语义化的理解
Python微信订餐小程序课程视频 https://edu.csdn.net/course/detail/36074 Python实战量化交易理财系统 https://edu.csdn.net/cou ...
- html 语义化的理解
<div id="navfirst"> <ul id="menu"> <li id="h"><a ...
- 前端进阶之说一说你对HTML5语义化的理解
作者:陈大鱼头 github: KRISACHAN 链接:github.com/YvetteLau/S- 背景:最近高级前端工程师 刘小夕 在 github 上开了个每个工作日布一个前端相关题的 re ...
- HTML语义化的理解
1.什么是HTML语义化? "语义化"指的是在需要更少的人类干预的情况下,能够研究和手机信息,让网页能够被机器理解,最终让人类受益. 语义化的目的就是让大家直观的认识标签(mark ...
- 前端面试题:HTML 语义化的理解
定义: 1 "语义化"指的是在需要更少的人类干预的情况下,能够研究pc和手机信息,让网页能够被机器理解,最终让人类受益 2 语义化是指根据内容的结构化(内容语义化),选择合适的标签 ...
- 表现与数据分离、web语义化的理解
2019独角兽企业重金招聘Python工程师标准>>> 表现与数据分离 什么是表现与数据分离 一是前后端分离,所有数据都是后端通过AJAX发送给前端,前端负责展现页面,后端负责提供数 ...
- 谈谈你对web语义化的理解
学术届将web语义化称为Web3.0的核心,目标是将当前的网页提升为计算机能够"理解"和处理的网页. 核心思想是标注网页对象使其对应本体中的实体,并通过逻辑等手段进行自动推理. 作 ...
- html语义化的理解是什么,html5语义化,html5的语义化的理解
家里有个熊孩子,经常会有一些意想不到的事情发生:回家的时候,他会笑呵呵冲过来,大声喊着臭爸爸;你让他把鞋穿上,他会提起鞋子往楼下扔在小孩的世界里,他虽然会说话,但不一定明白其中的意思,不能正确表达;同 ...
最新文章
- python3.7版本_Centos7升级Python3.7.3版本
- qiankun 微前端_基于qiankun落地部署微前端爬”坑“记
- 图像质量评估-NIMA
- 設備(IE01/IE02/IE03)客製欄位及BAPI處理
- 工作73:获取id值
- 8.FreeRTOS学习笔记-软件定时器
- linux让新生成的文件自动加锁,Linux_实用技巧一则 Linux系统对文件进行加锁,当有多个工作线程要同时对一 - phpStudy...
- Android应用程序组件Content Provider在应用程序之间共享数据的原理分析(1)
- 多目标跟踪-Multi-Object Tracking
- leetcode之二叉树的中序遍历
- Integer的比较
- css三大样式(行内样式)
- python爬虫设计图片_手把手教你用Python网络爬虫获取壁纸图片
- 18位身份证标准及验证
- 【已解决】由于此设备上的安全设置已更改,你的pin不再可用,单击以重新设置Pin
- Githup上第三方控件的地址收藏
- 电脑连接移动设备android驱动程序,安卓手机连接电脑操作最简单的方法介绍
- DDR设计之地址和容量计算、Bank理解
- linux 根目录/与家目录~
- python列表插入_python列表插入append(), extend(), insert()用法详解
热门文章
- 大厂程序员出路何在?宁愿降薪也要跳槽求职者超5成
- eclipse创建maven项目结构显示不全的解决办法
- 1.6 - CPU组成
- Python爬虫【urllib模块】
- 用html浮雕效果图,纯CSS3炫酷3D浮雕质感文字动画特效
- CVPR华人包揽最佳论文,中国AI未来可期
- LeetcCode 27:移除元素 Remove Element(python、java)
- c++ std::set集合具体使用
- html动画点击事件,[CSS] 点击事件触发的动画
- C# properties assemblyinfo.cs