HTML中编码规范是什么

发布时间:2021-02-24 09:54:39 作者:清风
来源:亿速云 阅读:203

这篇“HTML中编码规范是什么”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“HTML中编码规范是什么”,小编整理了以下知识点,请大家跟着小编的步伐一步一步的慢慢理解,接下来就让我们进入主题吧。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

1.img标签要写alt标签
2.单标签不要写闭合标签(img、link、input、hr、br)
3.自定义属性要以data- 开头
4.td要在tr里面,li要在ul/ol里面
5.ul/ol的直接子元素只能是li
6.section里面要有标题标签
7.使用section标签增强SEO(搜索引擎优化)
8.行内元素里面不可使用块级元素(a标签里面不能放p)
9.每个页面要写
10.要用table布局写邮件模板
11.html要保持简洁,不要套太多层
12.特殊情况下才在html里面写script和style
13.样式要写在head标签里
14.html要加上lang的属性

    <html lang="en">
    <html lang="zh-CN">

15.要在head标签靠前位置写上charset和meta标签

16.特殊符号使用html实体

© &copy;
¥ &yen;
® &reg;
> &gt;
< &lt;
& &amp;

17.img空src的问题

<img src="about:blank" alt><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">

18.关于行内元素空格和换行的影响
19.类的命名使用小写字母加中划线(hello-world)
20.不推荐使用自定义标签
21.重复杂id和重复属性
22.不推荐使用属性设置样式(canvas width height 需要写)
23.使用合适的标签
(1)如果内容是表格就使用table,table有自适应的优点;如果是一个列表就使用ol/ul标签,扩展性比较好
(2)如果是输入框就使用input,而不是写一个p标签,然后设置contenteditable=true,因为这个在IOS Safari上光标定位容易出现问题。如果需要做特殊效果除外
(3)如果是粗体就使用b/strong,而不是自己设置font-weight
(4)如果是表单就使用form标签,注意form里面不能套form
(5)如果是跳链就使用a标签,而不是自己写onclick跳转。a标签里面不能套a标签
(6)使用html5语义化标签,如导航使用nav,侧边栏使用aside,顶部和尾部使用header/footer,页面比较独立的部分可以使用article,如用户的评论。
(7)如果是按钮就应该写一个button或者<input type="button">,而不是写一个a标签设置样式,因为使用button可以设置disabled,然后使用CSS的:disabled,还有:active等伪类使用,例如在:active的时候设置按钮被按下去的感觉
(8)如果是标题就应该使用标题标签h2/h3/h4,而不是自己写一个<p class="title"></p>,相反如果内容不是标题就不要使用标题标签了
(9)在手机上使用select标签,会有原生的下拉控件,手机上原生select的下拉效果体验往往比较好,不管是IOS还是android,而使用<input type="tel">在手机上会弹一个电话号码的键盘,<input type="number"> <input type="email">都会弹相应的键盘
(10)如果是分隔线就使用hr标签,而不是自己写一个border-bottom的样式,使用hr容易进行检查
(11)如果是换行文本就应该使用p标签,而不是写br,因为p标签可以用margin设置行间距,但是如果是长文本的话使用p,因为p标签里面不能有p标签,特别是当数据是后端给的,可能会带有p标签,所以这时容器不能使用p标签。
24.不要在https的链接里写http的图片

<img src=”//static.chimeroi.com/hello-world.jpg”>

以上是“HTML中编码规范是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. PHP编码规范
  2. 编码规范

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:HTML5表单有什么属性

下一篇:HTML中实现空格的方式有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》