谈谈对语义化的理解

最新推荐文章于 2021-04-12 15:00:39 发布
最新推荐文章于 2021-04-12 15:00:39 发布
阅读量3k 收藏 5
点赞数
分类专栏： 面试题 文章标签： web前端 面试题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40944918/article/details/95443487
版权

谈谈对语义化的理解

​ 语义化是指 用合理的HTML标记以及其特有的属性去格式化文档内容。如，标题用h1-h6， 段落用p标签，合理得给图片添加alt属性（alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施。）

​ 语义化的好处：

  • 在没有CSS的情况下，页面也能呈现出很好的内容结构
  • 语义化使代码更具可读性，便于团队开发和维护
  • 语义化有利于用户体验（例如 title，label，alt属性的灵活运用）
  • 语义化有利于SEO（和搜索引擎建立良好的沟通，有助于爬虫爬更多的有效信息。爬虫依赖于标签来确定上下文和各个关键字的权重）
一路向北@L
关注
专栏目录
谈谈对自动化测试的理解
weixin_48048408的博客
06-23 976
前言： 软件测试作为软件生命周期中不可缺少的组成部分，对提高软件质量起着重要作用。随着软件测试的发展，自动化测试技术也得到了很大提高。 本文首先介绍了自动化测试的概念、分类和现状，并分别对不同端上的自动化测试实现原理进行了详细地分析和阐述，通过对目前主流的一些自动化测试框架和工具的比较，指出了当前不同端上实施自动化测试的痛点和困难。 最后通过由数据驱动的自动化测试向关键词驱动的自动化测试的探索，进而由传统模式下的自动化测试转向基于AI的自动化测试的摸索，对自动化测试的未来进行了展望。 一、自动化
谈谈对volatile的理解
欣欣的博客
08-09 511
1，volatile关键字，修饰变量，是java虚拟机提供的一个轻量级同步机制，主要有以下三个特性： 1.1可见性 1.2不保证原子性 1.3禁止指令重排 1.1可见性的理解 由于jvm运行程序的实体是线程，而每个线程创建时jvm都会为其搭建一个工作内存，工作内存是每个线程的私有化数据区域，而JMM(java内存模型)中规定所有的变量都存储在主内存中，主内存有共享内存区域，所有线程都可以访问，但线程对变量的操作（读取赋值等）必须在工作内存中进行，首先要将变量...
对于语义化的理解
一个在全能之路上越走越远的男人。
05-23 399
在我看来，语义化就是比如说一个段落， 那么我们就应该用 <p>标签来修饰，标题就应该用 <h?>标签等。符合文档语义的标签。 用正确的标签做正确的事情！ html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析； 在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。 搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO。 使阅读...
说说你对语义化的理解？
weixin_43869982的博客
08-20 278
1、在去掉和丢失样式时能够让页面呈现清晰的结构 2、有利于SEO，有利于爬虫抓取 3、便于团队开发和维护
如何理解语义化
前端攻城狮
03-08 2952
1、语义化的背景 以前的HTML的结构，基本上就是DIV+CSS。然而，DIV它并没有什么任何的意义，全靠CSS显示页面的样式。那么近几年呢，开发者提出了HTML结构的语义化，所以W3C就制定出了语义化标签。 2、什么是语义化 语义化就是构成HTML结构的标签要有意义，比如有这样的标签：head表示页面头部，main表示页面主题，footer表示页面底部。那么这些标签构成的HTML结构就是有意义的，也是语义化的。如果说页面的头部、主体以及底部都用div来表示，那么他就不是...
【面试笔记】谈谈对语义化的理解
醒途
03-29 333
谈谈对语义化的理解 语义化标签 header、nav、main、article、section、aside、footer mark、details、summary time、figure、figcaption form、table、img 语义化优点： 易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。 有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。 方便其他设备解析，如盲人阅读器根据语义渲染网页 有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。 主体结构标签
语义化的理解
屈小康
04-12 2533
1.什么是语义化？ 解： 1、语义化就是有特殊标记的html标签，能够更加容易的被识别的标签比如： <header></header>头部 <nav></nav>导航栏 <section></section>区块（有语义化的div） <main></main>主要区域 <artical></artical>主要内容 <aside></aside>侧边栏
深入浅出的web语义化理解
圆圆的 JavaScript 博客
11-05 430
从今天起，拒绝使用 div 设计所有页面格式的布局！
谈谈个人对 TDD (测试驱动开发) 的理解
coologic
01-29 747
介绍 测试驱动开发：英文全称Test-Driven Development，简称TDD，是一种不同于传统软件开发流程的新型的开发方法。它要求在编写某个功能的代码之前先编写测试代码，然后只编写使测试通过的功能代码，通过测试来推动整个开发的进行。这有助于编写简洁可用和高质量的代码，并加速开发过程。 (from 百度百科)，请自行 google、baidu 这篇文章主要是谈个人的感想，有理解错误的请指教...
京东注册页面html语义化分析
最新发布
08-18
- *2* [从HTML5标签来谈谈标签语义化](https://blog.csdn.net/weixin_42135462/article/details/117888077)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...
对语义化的理解？
Lenmon1997
10-19 358
1.去掉或样式丢失的时候能让页面呈现清晰的结构：html本身是没有表现的， 2.屏幕阅读器(如果访客有视障)会完全根据你的标记来“读”你的网页。 3.PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(通常是因为这些设备对CSS的支持较弱)。 4.有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重。
谈谈你对HTML语义化的理解。
dizhansu5285的博客
09-11 286
1.什么是HTML语义化？ 基本上都是围绕着几个主要的标签，像标题（h1-h6），列表（li），强调（strong em）等。 根据内容的语义化（内容结构化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。 2.为什么要语义化？ 为了在没有css的情况下，页面也能呈现出很好的内容结构和代码结构。 为了提升用户体验，如：...
HTML语义化专题（一）—如何理解HTML语义化？
weixin_30318645的博客
03-23 174
一. 语义化背景 讲到语义化，我们首先来聊聊html语义化的背景，HTML结构语义化，是最近几年才提出来的，以前的html结构，都是一堆的没有语义的冷冰冰的标签。最泛滥的就是div+css,以前的页面，你一打来就是一堆的div+css, 为了改变这种这种状况，开发者们和官方提出了让HTML结构语义化的概念，并且官方w3c，也在HTML5给出了几个新的语义化的标签。 二. 什么是语义化？语义化之后会...
HTML语义化的理解
on the road的博客
11-29 5724
http://sanwen8.cn/p/12emwCB.html http://www.5icool.org/a/201006/537_4.html
HTML语义化
GuoZebin的博客
11-18 375
1. HTML语义化背景介绍 讲到语义化，我们首先来聊聊html语义化的背景，HTML结构语义化，是最近几年才提出来的，以前的html结构，都是一堆没有语义的冷冰冰的标签。最泛滥的就是div+css，以前的页面，一打开就是一堆div+css，为了改变这种这种状况，开发者们和官方提出了让HTML结构语义化的概念，并且官方w3c，也在HTML5给出了几个新的语义化的标签。 2. 什么是语义化 语...
对HTML语义化的理解
03-22
HTML语义化是指在编写HTML代码时，使用合适的标签来描述文档的结构和内容，使得页面的结构和内容更加清晰明了，同时也有利于搜索引擎的抓取和理解。通过使用语义化的HTML代码，可以提高网站的可访问性、可维护性和可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值