首页 > 经验 > 关键词   >  html语义化最新资讯  > 正文

再谈语义化

2011-11-23 11:10 · 稿源:站长之家

下面鄙人做的一个招聘页面大体架构命名,仅供各位拍砖

为神马要语义化?

在 森林的聚会 上被allan问到 做语义化到底为了什么? 我一时无言了,只是为了"祼奔"时好看?有多少用户会
看到"祼奔"的页面,并且看下去?

的确,我们不可能也不会仅仅为了"裸奔"时的好看而去做语义化,普通用户看不到你的网站"裸奔"时的样子也不想去看,不过从今天看来语义化的好处已逐渐明朗和开放开来:

手持移动设备的无障碍阅读
手持移动设备如PDA、智能手机等可能对CSS的解析能力较弱,这时可能就需要更语义的标签来体现一个页面的易读性

盲人等一些障碍人士的更好地阅读
屏幕阅读器对不同标签所发出的声音是不同的,使用更语义的标签以能传达不同信息的重要性

搜索引擎的友好收录
虽然各大搜索引擎的排名规则不断的再变化,但规则里的正则始终是要匹配标签的,如果能用更语义的标签,蜘蛛爬行能够根据标签的使用来确定上下和各关键字的权重。

技术趋势所趋
正如html诞生时的初衷那样,各个标签的本义就是希望能在特定的地方使用合适的标签,而不是去用样式来表现一个不语义的标签。html5新增了更多的语义化的标签,原本用

来实现的结构,通过html5的标签我们可以更完美的表现。

 

便于团队项目的可持续运作及维护
语义化的命名能够使我们在多人协作一个项目时更加有序和快捷,而不需要去纠结另一位伙伴的CSS命名是什么意思。如果是个人项目,也便于后期其他同事的修改,语义化的命名时一个项目的可读性更高。

以上总结的前4点只要针对的是(x)html的标签语义化使用,最后一点针对的是CSS样式的命名。

必须讲一下的其他东西

合理使用
进入

时代,大家觉得就应该摒弃

,这是大错特错,不是不可以用,而是应该在合适的地方用。传统网络WEB1.0时代时,网页的信息以一种"推"的方式呈现到用户面前,多数以文字或者图片的形式进行展示,而没有太多的复杂的展示效果,当时

就是在这样的环境下被以一种hack的方式来实现网页技术,只需要在DW拖一个

就可以很简单地实现网页,以后的几年,大家都懒得去改变这一格局,所以

也经历较长的一段时间。如今,

的本义应当用作数据列表的地方,对于一些数据处理用

显得更加有序和语义。

 

html5–为语义和体验而生
HTML5提供了一些新的元素和属性,例如

(网站导航块)和。这种标签将有利于搜索引擎的索引整理, 同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如和标记。html5也弥补了(x)html1.1以前版本在语义标签的缺陷,这样就可以更少的去使用
等无语义标签,而去使用等这类型语义标签。

 

微格式—将智能数据添加到网页上
(x)HTML标签本身并不具备对它们的含义进行描述的功能。如果一个网站链接到另一个网站,那么该链接并不承载任何为什么有关这些网站互相链接的原因方面的信息。但是,如果这些都能被实现将会怎么样呢?微格式就是标签进行简单的扩展,将智能数据添加到网页上。如Smallni's Blog。上面的链接标记包括rel="home"属性,该属性显示链接的目标页面是该网站的首页。通过为已有的链接元素添加语义化属性,就为这个链接添加了具体的结构和意义。

作者:Dailey

文章来源:携程UED

举报

  • 相关推荐
  • 大家在看
  • ELLA官网体验入口 腾讯AI文本到图像语义对齐工具使用介绍

    ELLA是一种轻量级方法,可将现有的基于CLIP的扩散模型配备强大的LLM。ELLA提高了模型的提示跟随能力,使文本到图像模型能够理解长文本。ELLA的产品特色通过LLM增强扩散模型的文本对齐能力无需训练U-Net和LLM即可提高模型的提示跟随能力设计了时间感知语义连接器,提取LLM中的时间步相关条件提供了DensePromptGraphBenchmark基准测试,评估文本对图像模型的密集提示跟随能力能够与社区模型和下游工具无缝整合,提高其文本-图像对齐能力为了获取更多关于ELLA的信息和体验该工具,请访问ELLA官网。

  • 雷军再谈小米SU7价格:会有点贵 但物超所值

    雷军在微博上对小米SU7的价格公布时间做出了回应。小米SU7的价格将在3月28日的发布会上正式公布。”表明小米在定价方面有着自己的策略和自信。

  • 余承东再谈手机支架争议:小米导航没问题 有问题的是部分国际品牌

    快科技4月14日消息,在前几天的智界S7发布会上,余承东笑称使用手机支架的原因在于车载导航的不足,被网友认为是暗指小米SU7。随后雷军还在微博上发起投票,询问问网友是否支持车上有原装支架,并在评论区表示同行之间相互交流有助于提升产品水平。余承东发朋友圈再回应此事,称国产智能电动汽车的车机导航都不会有问题(采用高德或百度地图方案)。小米做智能手机出身的,车机导航更不会有问题!现在有问题的却是部分国际智能电动车品牌和传统燃油车。”余承东表示。余承东还透露,此前在和车评人吴佩拍摄视频时,看到一辆开美国热销电车

  • 场景、年轻带火嵌入式,容声冰箱AWE释放平嵌领导者实力

    当前冰箱市场正处于一轮巨变的新周期:一边是用户越来越年轻化,对品质消费升级的需求越来越高;一边是科技不断创新向前,为家电创新迭代带来新可能。嵌入式冰箱凭借对家居场景价值的升级和智慧一体化解决方案,成为市场“黑马”。专注品质和养鲜的专业冰箱领导者容声,如今再一次扣准了平嵌冰箱引领消费升级的时代脉搏,用平嵌冰箱行业第一的实力和引领者的霸气,开创用户对美好生活的想象并开拓冰箱产业的向上空间和更大舞台。

  • IQAX eBL 荣获亚太贸易便利论坛 2024 年贸易便利创新奖

    2024年4月XX日-和易孚欣然宣布其IQAXeBL解决方案荣获2024年度亚太贸易便利化论坛颁发的贸易便利化创新奖。作为数字贸易解决方案的领导者,和易孚致力于为客户提供先进方案,促进提单流程的数字化。东方海外国际是全球最大的综合国际运输和物流公司之一和易孚作为一家独立运营的信息科技公司,也传承了全球航运业深厚的底蕴。

  • 嗅觉数字!AI还原记忆中的味道

    【新智元导读】人类嗅觉的数字化来了!近日,有业内大佬创立的公司宣布实现了气味的远程传送,并开始朝商业化方向努力。人类嗅觉的数字化,它来了!当今的计算机算法,尤其是AI技术,几乎已经把人类的视觉和听觉完全虚拟化了。这种创作也会成为一种新的公共艺术形式,香水行业或将为之颤抖。

  • 为什么平台要加速推进搜索商业

    随着用户习惯的变化带来的流量结构的变化,平台围绕流量进行的商业化也要同步更新。当平台内容越来越多,且相对同质化,仅靠个性推荐已经不再能实现内容与消费者的精准、高效匹配。电商部门的也会有,有些品牌它没分这么清,但是更加偏向的是品牌公关这一块,因为SEO它不是直接可以追踪到转化的效果。

  • 春茶季借势营销战 看易开得如何「春意」为「创意」

    近期,全国各地的用户都在一条视频里找自己家乡的茶,找到的网友纷纷留下自己家乡的足迹,没找到的网友也在评论区主动安利家乡的特色茶。这条引起网友热议的视频来自家电品牌——易开得净水器,借由“春茶季”,用“以好水 敬好茶”为撬点,线上线下联合传播让品牌在一众春茶营销中脱颖而出。01恭喜,杭州人!西湖龙井上市啦!2024年3月23日零点,易开得以一条15S“�

  • 「PMF」视角下的慕思AI床垫:实现睡眠科技的大众

    AI叙事持续火热背景下,“PMF”成为一部分国内投资人衡量AI公司投资价值的标准。金沙江创投主管合伙人朱啸虎的言论引发热议,他建议人工智能方向创业公司不要砸钱做AIGC,关键是能否找得到PMF——Product/MarketFit,即产品与市场的匹配程度,产品是否能真正符合市场需求。正如山姆·奥特曼所言:“PMF听起来很复杂,但实际上,你只需要不断询问自己一个简单问题:人们是否真的在使用我的产品?”慕思在智慧睡眠的长期坚持,回答了这一问题。

  • 天狮李金元:数字技术助推天狮集团实现科技创新

    近期,天狮集团加速迈向“第三次创业”的征程,同时发布了专注于年轻一代消费群体的新品。天狮集团的创始人李金元接受了新华网的访谈,在访谈中回答了以下问题,深入探讨了天狮集团的发展战略和未来方向。关于天狮集团的发展战略,李金元提到了“一体多翼”的理念。这一理念以主体导向发展为基础,通过互联网+的方式开展跨境电商、大健康产业、国际化旅游以及�

这篇文章对你有价值吗?

今日大家都在搜的词: