语义化

文章目录

- 语义化
语义化概念
为什么需要语义化

语义化概念

1.每个HTML元素都有具体含义
eg：a元素：超链接
h1 ：一级标题
p元素：段落

2.所有元素与展示效果无关

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><!-- 标题 --><h1>一级标题</h1><div>这里段落</div><p>这也是段落</p>
</body>
</html>

元素展示的效果，由css决定
选择元素，取决于其内容，而不是显示的效果

为什么需要语义化

1.搜索引擎优化(SEO)
搜索引擎每隔一段时间，抓取页面源代码
2.为让浏览器理解网页

html css语义化相关推荐

你应该了解的CSS语义化命名方式及常用命名规则
CSS语义化命名从上图我们可以大概看出这里有两种CSS的命名方式:1.结构化命名法:2.语义化命名法. 结构化命名法:根据页面中板块的位置而命名,如上图中的content-left,这时如果我们想把 ...
css语义化命名_为什么我只在生产中使用语义命名
css语义化命名到底"层是其层中循环的一部分"是什么意思??? (And what the heck does `layer is a part of cycle in its ...
充分了解Web语义化
前言对于"web语义化"这个词语,我相信只要是从事前端的人都不陌生,从事前端工作在投简历时都会在招聘需求里面看到这句话:"对web语义化有深刻的理解",当然我 ...
BIT前端训练营笔记（一）| 20211225 预习 | 常用标签、语义化、响应式设计
百度前段训练营笔记 20211225 预习 html常用标签 img的alt=" "属性 alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本.ol 有序列表:ul无序列 ...
CSS类命名的语义化VS结构化方式
一般而言,CSS类名的语义化声明方式应当考虑你的页面中某个相对元素的"用意",独立于它的"定位"或确切的特性(结构化方式).像left-bar, red-tex ...
web前端入门学习 css（8）（新增语义化标签、video/audio、新增input类型、新增表单属性、属性选择器、结构伪类选择器、伪元素选择器、css3盒子模型、模糊、calc函数、过渡
https://www.bilibili.com/video/BV1pE411q7FU?p=276 文章目录 html5新特性 html5新增语义化标签 header头部 nav导航 article内 ...
结合HTML5的语义化标签，运用DIV＋CSS网页布局技术设计一个个人博客页面
** CSS+DIV页面布局 ** 结合HTML5的语义化标签,运用DIV+CSS网页布局技术设计一个个人博客页面.要求: (1)header标签定义页面头部区:nav标签定义导航区:div标签定义中 ...
html 的基本结构、标签（分类、关系）、文档类型、页面语言、字符集、语义化
结构代码 <!DOCTYPE html> <html><head> <meta charset="UTF-8"><title& ...
说说你对 HTML 语义化的理解?
(1)什么是语义化? 基本上都是围绕着几个主要的标签,像标题( H1~H6 ).列表(li).强调(strong em)等等根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读 ...

html css语义化

语义化

文章目录

语义化概念

为什么需要语义化

html css语义化相关推荐

最新文章

热门文章