资讯专栏INFORMATION COLUMN

前端开发注意事项(HTML与CSS进阶)

Richard_Gao / 2080人阅读

摘要:答因为有序列表前的数字外观是固定的,不能修改。所以在开发中,大多数情况下都是使用无序列表标签和标签可以用于突出对这两个标签赋予了强调的语义。

HTML 与 CSS 进阶

Img 标签

alt 属性 一定要添加 用于图片描述 给机器看的,如果图片加载失败,会显示 alt

    

为 img 添加 图片注释 建议做法为 figure(图形) 和 figcaption [caption(字幕)]

图片说明

表格语义化 数据形式的最佳选择还是表格

(h5新增 th, caption, thead, tbody 和 tfoot 根据需求选择使用者三个标签)

    
表格示例
表头单元格1 表头单元格2
标准单元格1 标准单元格2
标准单元格1 标准单元格2
标准单元格1 标准单元格2

换行符

标题
第一部分内容
第二部分内容
第三部分内容

广东省
广州市
黄埔大道61号

无序列表

    主要用于列表型数据

    • 1HTML 教程
    • 2PHP 教程
    • 3java 教程
    有人说,每一个列表前都有数字,为什么不用有序列表实现。 答: 因为有序列表前的数字外观是固定的,不能修改。所以在开发中,大多数情况下都是使用无序列表

    Strong 标签和 em标签

    可以用于 SEO 突出

    W3C 对这两个标签赋予了"强调"的语义。 为了SEO突出,可以使用 strong 和 em
     如果被 CSS 重新定义新的样式,也不影响这两个标签的语义
    如何判断一个页面是否语义良好

    去掉所有CSS效果,查看便知

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/52478.html

相关文章

  • 前端开发注意事项(HTMLCSS进阶)

    摘要:答因为有序列表前的数字外观是固定的,不能修改。所以在开发中,大多数情况下都是使用无序列表标签和标签可以用于突出对这两个标签赋予了强调的语义。 HTML 与 CSS 进阶 Img 标签 alt 属性 一定要添加 用于图片描述 给机器看的,如果图片加载失败,会显示 alt 为 img 添加 图片注释 建议做法为 figure(图形) 和 figcaption [caption(...

    AlexTuan 评论0 收藏0
  • 前端资源系列(4)-前端学习资源分享&前端面试资源汇总

    摘要:特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 特意对前端学习资源做一个汇总,方便自己学习查阅参考,和好友们共同进步。 本以为自己收藏的站点多,可以很快搞定,没想到一入汇总深似海。还有很多不足&遗漏的地方,欢迎补充。有错误的地方,还请斧正... 托管: welcome to git,欢迎交流,感谢star 有好友反应和斧正,会及时更新,平时业务工作时也会不定期更...

    princekin 评论0 收藏0
  • 个人分享--web前端学习资源分享

    摘要:前言月份开始出没社区,现在差不多月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了一般来说,差不多到了转正的时候,会进行总结或者分享会议那么今天我就把看过的一些学习资源主要是博客,博文推荐分享给大家。 1.前言 6月份开始出没社区,现在差不多9月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了!一般来说,差不多到了转正的时候,会进行总结或者分享会议!那么今天我就...

    sherlock221 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<