html整体页面居中顶格对齐,HTML规范

前言

HTML是描述网页结构的超文本标记语言,HTML规范能够使HTML代码风格保持一致,使得HTML更容易理解和维护。

整体结构

1、文件应以“.....>”首行顶格开始,推荐使用“”

2、必须声明文档的编码charset,且与文件本身编码保持一致,指定字符编码的 meta 必须是 head 的第一个直接子元素。推荐使用UTF-8编码

3、根据页面内容和需求填写适当的keywords和description

4、页面title是不可缺少的一项,title 必须作为 head 的直接子元素,并紧随 charset 声明之后

页面标题

资源引入

1、保证 favicon 可访问

2、引入 CSS 和 JavaScript 时无须指明 type 属性

3、引入 CSS 时必须指明 rel="stylesheet"

4、使用link将css文件引入,并置于head中;使用script将js文件引入,并置于body底部

结构优化

1、尽量遵循 HTML 标准和语义,但是不要以牺牲实用性为代价。任何时候都要尽量使用最少的标签并保持最小的复杂度

2、结构顺序和视觉顺序基本保持一致,按照从上至下、从左到右的视觉顺序书写HTML结构。有时为了便于搜索引擎抓取,也会将重要内容在HTML结构顺序上提前

3、结构、表现、行为三者分离,避免内联

4、每一个块级元素都另起一行,每一行都使用Tab缩进对齐(head和body的子元素不需要缩进)。删除冗余的行尾空格

5、对于内容较为简单的表格,建议将tr写成单行

6、可以在大的模块之间用空行隔开,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值