前端-什么是css 的语义化？

问题描述

什么是css 的语义化？: semantization这个词最早是用于html
意思是html的结构要清晰，能准确表达结构
后来被用于css
再后来，这种css的设计风格受到批判
但是，到现在，我都不知道，css的语义化风格到底是啥？

解决方案

应该是指命名语义化，在知乎（http://m.zhihu.com/question/21943416）中有相关的解说。你可以看一下。

解决方案二：

知乎中讲解的的确很详细，比我在http://www.jinhusns.com/Products/Curriculum/?type=xcj近乎学的还要详细

时间： 2024-09-16 14:57:16

前端-什么是css 的语义化？的相关文章

加深对HTML和CSS标签语义化的理解

前两天参加了公司组织的一个WD培训,有一节课讲了标签语义化,听了之后感觉特别有用,更正了我以前对 HTML 和 CSS 的错误看法. 首先说明的一点是,人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码.搜索引擎只能通过标签来判断内容的语义. 以前我真的没有怎么重视过搜索引擎,现在开始比较在意了,因为页面的很大一部分流量是来自搜索引擎的,要使页面尽可能地对搜索引擎友好,所以就要尽可能地使标签语义化. 以前以我对web开发的粗浅理解,觉得写一个好的符合标准的页面只需要把结构和表现分离,然后

javascript-css类名语义化，相对的设计理论是谁在推崇？

问题描述 css类名语义化,相对的设计理论是谁在推崇? bootstrap的css类名,是语义化风格国内有一些关于是否应该语义化的争论我想问,反对语义化,而支持写成.font16 .red这种类名的,是哪些框架在这样实践? 解决方案 web标准都讲求语义化,利于SEO优化解决方案二: web标准都讲求语义化,利于SEO优化

《Web前端开发精品课 HTML与CSS进阶教程》——第02章　语义化2.1　语义化简介

第02章语义化 2.1 语义化简介由于HTML简单,很多初学者对它存在一种偏见,觉得它没多少东西,因此在学习的过程中随便对待.其实,学习HTML的重点不在于掌握了多少标签,而是在于掌握标签的语义以及如何编写一个语义结构良好的页面. 在实际开发过程中,很多人由于对标签语义不熟悉,常常用某一个标签代替另外一个标签来实现某些效果. 举例: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <

《Web前端开发精品课 HTML与CSS进阶教程》——2.4　表格语义化

2.4 表格语义化不少初学者看了<Web前端开发精品课HTML和CSS基础教程>(本书的姊妹篇)跑来问:"不是说表格布局已经被抛弃了吗?为什么还要在书里讲解表格呢?这不是多此一举吗?"其实不然,在实际开发中,我们不建议使用表格布局,应该使用浮动布局或者定位布局.虽然表格拿来做布局的方式被抛弃了,但是这并没有说明表格就一无是处了. 问大家一个问题:如图2-5所示的这种表格数据的展示,应该怎么实现呢?不少得了"table恐惧症"的小伙伴可能会想到使用div

《Web前端开发精品课 HTML与CSS进阶教程》——2.2　标题语义化

2.2 标题语义化 h1-h6是标题标签,h表示"header".h1-h6在HTML语义化中占有极其重要的地位.h1-h6按照标题的重要性依次递减,其中h1重要性最高,h6重要性最低. 相对于其他语义化标签,h1-h6在搜索引擎优化(即SEO)中占有相当重要的地位.在一个页面中,h1-h6这6个标签,我们不需要全部都用上,都是根据需要才用的.对于h1-h6,一般情况下我们只会用到h1.h2.h3和h4,很少再会去用h5和h6,因为一个页面不可能用到那么多级的标题.并且从搜索引擎优化的

《Web前端开发精品课 HTML与CSS进阶教程》——2.7　语义化验证

2.7 语义化验证前面这几节,我们介绍了页面语义化需要注意的各个地方.那么平常有什么好的办法来判断一个页面是否语义良好呢?一个很简单的办法就是:去掉CSS样式,然后看页面是否还具有很好的可读性. 我们都知道,很多HTML标签都有一定的默认样式,例如p标签有上下边距.strong标签对字体加粗.ul标签有缩进效果,等等. 在前面我们接触过,我们可以使用一个标签来代替另外一个标签,并且使用CSS修饰来实现相同的效果.也就是说,不同的HTML标签可以通过不同的CSS来实现相同的效果.但是"一个语义良

《Web前端开发精品课 HTML与CSS进阶教程》——2.6　其他语义化

2.6 其他语义化 2.6.1 换行符 很多新手会使用 标签来换行,或者使用多个 标签来实现元素之间的上下间距. 举例1: <div> 标题 第1部分内容 第2部分内容 <span

《Web前端开发精品课 HTML与CSS进阶教程》——2.3　图片语义化

2.3 图片语义化在HTML中,我们使用img标签来表示图片.对于图片的语义化,我们从以下两个方面来深入探讨一下. (1)alt属性和title属性. (2)figure元素和figcaption元素. 2.3.1 alt属性和title属性img标签有两个重要属性:alt和title. alt属性用于图片描述,这个描述文字是给搜索引擎看的.并且当图片无法显示时,页面会显示alt中的文字. title属性也用于图片描述,不过这个描述文字是给用户看的.并且当鼠标指针移到图片上时,会显示title

智能选择器和语义化的CSS

"结构永远服从于功能,这是不变的法则",建筑工程师"摩天大楼之父"Louis Sullivan如是说.因为工程师不希望让无辜的人们被碾压在巨大的建筑物下,这种大拇指式的规则是相当有用的.在设计中你应该总是以功能为重,然后让结构在结果中呈现.如果你以结构为重,虽然这能够建造出一栋漂亮的摩天大楼,但代价是埋下了许多相当危险的种子. 这些都是关于建筑师的,那么对前端架构师或者"非真正的架构师"来说呢?我们需要遵守这个法则还是忽略它? 随着面向对象的CS