这篇文章给大家介绍的内容是关于HTML5中标签和常用规则有哪些?html5标签以及规则的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1. 命名规则

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

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

2. 标签

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

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

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

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

p - 段落

h1,h2,h3,h4,h5,h6- 层级标题

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页面结构的变化以及增加和删除标签的总结

HTML5中div标签的实例代码

html5哪个标签首字母大写,HTML5中标签和常用规则有哪些?html5标签以及规则的介绍...相关推荐

  1. html5首字母大小写,css中如何设置英文首字母大写

    css中可使用text-transform属性来设置英文首字母大写.text-transform属性可控制文本的大小写,只需要给包含英文字母文本的元素设置"text-transform:ca ...

  2. mysql中首字母大写的函数,如何借助MySQL函数将字符串的首字母大写?

    实际上,MySQL中没有单个函数仅将字符串的首字母大写.我们需要使用的功能,嵌套和针对这种情况,我们可以使用UPPER()和LOWER()使用SUBSTRING()方法.为了理解它,我们使用来自'em ...

  3. 怎样在html中设置首字母大写,javascript如何设置字符串首字母大写?

    给出一个字符串,如何确保字符串的首字母都大写?下面本篇文章就来给大家介绍一下使用javascript设置首字母大写的方法,希望对大家有所帮助. 在javascript中,可以使用slice()方法.t ...

  4. Springboot 使用restTemplate 进行跨域请求 response reqeust中首字母大写的问题

    请求第三方系统,调用第三方API时可能会遇到双方协商定义的响应体中某个字段的首字母为大写的情况: 响应体:{"PlannerId": test123,"Name" ...

  5. PySide6中QlineEdit设置自动所有字母大写以及首字母大写的案例

    pyside6中qlineEdit设置自动所有字母大写以及首字母大写的案例,方便以后查阅. import sys from PySide6.QtWidgets import *class qlinEd ...

  6. 将一句英文中的每个单词首字母大写,其余字母小写

    //将一句英文中的每个单词首字母大写,其余字母小写 //'wHAt aRE yOu doING' -> 'What Are You Doing' var str='wHAt aRE yOu do ...

  7. 如何删除excel中的自动首字母大写

    如何删除excel中的自动首字母大写 工具 选项 拼写检查 自动更正选项 句首字母大写 或者用公式:=LOWER("Abc") =LOWER(B3)

  8. css中首字母下沉_CSS中的经典版式效果:基本首字母大写和首字下沉

    css中首字母下沉 The techniques shown here are somewhat outclassed by the more complex initial-letter prope ...

  9. 将字符串中每个单词的首字母大写

    需求 将字符串中每个单词的首字母大写 输入:一个形如句子的字符串 输出:每个单词第一个字符大写的字符串 代码 const capitalizeEveryWord = str => str.rep ...

最新文章

  1. keepalived mysql集群_keepalived + Mysql(主主)实现高可用集群
  2. markdown编辑器 typora的安装和使用
  3. 学习IT技术你需要的是书?视频教程?还是老师?
  4. 在CentOS上安装Java环境—openjdk1.7 解决https配置问题
  5. python车辆路径优化_车辆路径问题中距离维的设置
  6. 8个你应该了解的正则表达式
  7. ASP.NET CORE 根据环境变量支持多个 appsettings.json
  8. php cookie安全,php通过header设置cookie的安全
  9. Jquery多选框互相内容交换
  10. oracle数据库xsb创建,在Linux下安装oracle数据库
  11. 刚刚,爱奇艺发布重磅开源项目!
  12. 最新合成类游戏APP源码,带安装教程
  13. CSS 3之鼠标特效
  14. 从0开始学习scrapy框架——(六)item的实例——阳光政务平台爬虫
  15. 99行拓扑优化matlab程序解读,99行拓扑优化 代码解析
  16. 下载Nvidia显卡以前的驱动
  17. 基于ASP.NET的电商系统的设计与实现
  18. 沈剑架构师训练营,最新金九银十JAVA面试合集
  19. coreldraw怎么画猴子_用CorelDraw制作一个可爱的调皮猴子
  20. 2020年二建YL黄金AB卷-目前只有建筑-机电-市政-管理

热门文章

  1. 点击密码input框禁止浏览器弹出已经记录的账号密码
  2. centos7上安装kafka教程
  3. 堂堂中华网china.com上竟然全是垃圾小广告
  4. ZYNQ裸板:BRAM篇
  5. StringBuilder转Json
  6. windows10cmd中测试qq邮箱smtp服务
  7. Facebook 发币后的 48 小时
  8. 祖安服务器位置,LOL新玩家入坑首选哪区?巨神峰逆袭夺魁 网速地域论并非谣言...
  9. 安装Oracle 12c Win10x64
  10. mysql insert 源码_MySQL insert源码走读