文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

HTML5中常用的规则有哪些

2024-04-02 19:55

关注

今天小编给大家分享一下HTML5中常用的规则有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

  1. 命名规则

  [强制]class:必须单词全字母小写,单词间以-分隔,且必须代表相应的模块或部件的内容或功能,不得以html内置样式进行命名,命名应该具有明确的语义。

  [强制]id:必须保持在页面中的唯一性,命名应该具有明确的语义。

  2. 标签

  [强制]Html中的标签名必须使用小写字母。

  [强制]标签的闭合要符合html5的规定。

  [强制]标签的使用必须符合标签的嵌套规则,例:p不得置于p中,tbody必须置于table中。

  [建议]标签的使用必须遵循标签的语义,例:

  p - 段落

  h2,h3,h4,h5,h6,h7- 层级

  strong,em - 强调

  ins - 插入

  del - 删除

  abbr - 缩写

  code - 代码标识

  cite - 引述来源作品的

  q - 引用

  blockquote - 一段或长篇引用

  ul - 无序列表

  ol - 有序列表

  dl,dt,dd - 定义列表

  [建议]在CSS可以实现相同需求的情况下不得使用表格进行布局。

  3. 属性

  [强制]属性必须使用小写字母,其属性值必须用双引号包围。

  [建议]布尔类型的建议不添加属性值。自定义属性建议以 xxx- 为前缀,推荐使用data-

  4. DOCTYPE

  [强制]使用doctype 来启用标准模式,建议使用大写的 DOCTYPE

  5. 语言编码

  [建议]有助于提高页面的可访问性,必须设置正确的lang属性,例:

  [强制]页面必须指定字符编码的meta,且必须是 head 的第一个直接子元素,例:。

  6. CSS和JavaScript引入

  [强制]引入css时必须指明rel="stylesheet",在引入css和javascript时必须指明type属性。

  [建议]Javascript代码必须放在页面末尾或采用异步加载。

  7. Head内容

  [强制]Title标签必须设置为head的直接子元素,并紧随charset声明之后。

  [强制]Favicon保证可访问,例:

  [强制]Viewport属性必须指定。

  8. 图片

  [强制]禁止 img 的 src 取值为空,延迟加载的图片也要增加默认的 src属性值。

  [建议]重要图片添加 alt 属性值。

  [建议]添加 width 和 height 属性以避免页面抖动。

  9. 控件

  [强制]文本的控件必须使用 label 标签将其与其相关联,例: 我已确认上述条款或用户:

  10. 按钮

  [强制]使用 button 元素时必须指明 type 属性值

  11. 可访问性

  [建议]当使用 JavaScript 进行表单提交时,应使原生提交功能正常工作。

  [建议] 根据内容类型指定输入框的 type 属性,例:

  12. 多媒体

  [建议]使用 audio 以及 video 标签来播放音频、视频时,应当注意格式:

  音频格式:MP3、WAV、Ogg

  视频格式:MP4、WebM、Ogg

  13. 注释

  [强制]针对页面或模块的CSS、javascript代码必须进行详细的注释

以上就是“HTML5中常用的规则有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯