Web语义化、响应式设计

Web语义化

Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。

如果可以在合适的位置使用恰当的标签,那么写出来的页面语义明确,结构清晰,搜索引擎也可以认出哪些是页面重要内容,予以较高的权值。

响应式Web设计

响应式Web设计(Responsive Web design)的理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。

表现与结构分离

在之前一代的网页设计中,网页的表现和结构糅合在一起,不利于页面的修改。在最新的Web3.0标准中建议使用DIV来进行页面的结构布局,用CSS进行页面的样式表现,从而将网页的表现与结构分离。

当我们希望改变网页内容时,网页中没有多余的CSS代码,可以很快速地修改内容。而当我们希望给页面重新改头换面,换一种表现形式时,我们只需要修改CSS样式表文件。这样就称为表现与结构分离。

下面这些文章都对Web语义化进行了详细的阐述,值得一看:

1.Web语义化 - 博客园 dolphinX

2.WEB前端开发经验总结–XHTML语义化

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏java一日一条

我是怎样克服对 React 的恐惧,然后爱上 React 的

在一个交互式应用程序一切罪恶的根源是管理状态。“传统”的方式是MVC架构,或者一些变体。MVC提出你的模型是检验真理的唯一来源 – 所有的状态住在那里。视图是源...

7820
来自专栏禹都一只猫博客

Chrome新UI,圆润了不少~

Chrome 团队近日在 Google+ 宣布,适用于 Chrome OS、Linux 和 Windows 的 Chrome 浏览器用户界面已使用 Materi...

28310
来自专栏编程

iOS一种动态栅格布局方案

前言 在日常开发过程中,我们会遇到一些需要不定期动态改变布局的页面或视图块,下面用张图展示一下: ? zdm_home.png 我以这张图解释一下需求,图上的几...

40160
来自专栏河湾欢儿的专栏

html5标签

什么是html5? 仅仅是狭义的概念。h5草案前身叫做web application 由WHATWG组织编写,在2007年提交到了w3c,w3c起名叫做HTM...

42610
来自专栏RESTART POiNTER

Web动态图片合成与分享——html2canvas方案实践

在web侧运营活动中,分享传播是重要的一环。普通的h5链接/结构化消息分享已经不能满足产品越来越大的脑洞。在很多场景下,我们需要将个性化内容(如帐号信息,头像,...

2.9K30
来自专栏前端杂货铺

关于首屏时间采集自动化的解决方案

关于首屏 首屏时间是指从转向该页面到屏幕中该页面所有内容都可见时的时间。已经有太多的关于首屏时间的计算,在本文中并不重复阐述这些已经被提出或者实现的方案,而旨...

67170
来自专栏大前端开发

从编程小白到全栈开发:操控浏览器

一个程序猿和普通电脑用户,当他们浏览到一个效果炫酷的网页的时候,他们的反应是不太相同的:

8530
来自专栏Material Design组件

Human Interface Guidelines —— Alerts

38080
来自专栏编程微刊

layer弹框在实际项目中的一些应用

24750
来自专栏极客慕白的成长之路

设计新趋势:Low Poly 低多边形风格

Low Poly 原是 3D 建模中的术语,指使用相对较少的点线面来制作的低精度模型,一般网游中的模型都属于低模。而现在,Low Poly 进入了平面设计领域,...

14830

扫码关注云+社区

领取腾讯云代金券