加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

Html能力 语义化你的代码

发布时间:2020-05-11 07:06:56 所属栏目:编程 来源:站长网
导读:副问题#e# Html语义化, 好像是一个老生常谈的题目. Google 一下,也有大把关于语义化的文章. 为什么要语义化标签? 我是这样以为的:Html的每个标签都有它特定的意义,而语义化,就是让我们在恰当的位置用恰当的标签, 以更好的让人和呆板(呆板可领略为赏识器可理

为了在没有CSS的环境下,页面也能泛起出很好地内容布局、代码布局:为了裸奔时悦目;
用户体验:譬喻title、alt用于表明名词或表明图片信息、label标签的活用;
有利于SEO:和搜刮引擎成立精采雷同,有助于爬虫抓取更多的有用信息:爬虫依靠于标签来确定上下文和各个要害字的权重;
利便其他装备理会(如屏幕阅读器、瞽者阅读器、移动装备)以意义的方法来渲染网页;
便于团队开拓和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C尺度的团队都遵循这个尺度,可以镌汰差别化。

3、写HTML代码时应留意什么?

 1. 尽也许少的行使无语义的标签div和span;
    2. 在语义不明明时,既可以行使div可能p时,只管用p, 由于p在默认环境下有上下间距,对兼容非凡终端有利;
    3. 不要行使纯样式标签和类型不支持的标签,如:b、font、u、center,strike,menu等,改用css配置。
    4. 必要夸大的文本,可以包括在strong可能em标签中(赏识器预设样式,能用CSS指定就不消他们),strong默认样式是加粗(不要用b),em是斜体(不消i);
    5. 行使表格时,问题要用caption,表头用thead,主体部门用tbody困绕,尾部用tfoot困绕。表头和一样平常单位格要区分隔,表头用th,单位格用td;
    6. 表单域要用fieldset标签包起来,并用legend标签声名表单的用途;
    7. 每个input标签对应的声名文本都必要行使label标签,而且通过为input配置id属性,在lable标签中配置for=someld来让声名文本和相对应的input关联起来。
    8. 不要省略某些标签的属性,<img>标签的alt属性的浸染是当图片不能正常表现的时辰的替代笔墨,<a>标签的title属性可作为声名信息,而且当鼠标hover时表现为提醒信息。

雅虎一道口试题:

<P>  哥写的不是HTML,是寥寂。<br><br>  我说:<br>不要沉沦哥,哥只是一个传说

个中存在的题目:

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读