网上有足够的有关HTML5的信息(以及关于stackoverflow的信息),但是现在我对“最佳实践”感到好奇。 诸如section / header / article的标签是新标签,每个人对于何时/何地应使用这些标签都有不同的看法。 那么你们如何看待以下布局和代码?

1

2

3

Website

4

5

6

7

8

9

10

11

12

13

14

15

menu 1

16

menu 2

17

menu 3

18

menu 4

19

menu 5

20

21

22

23

24

25

26

This is a title

27

28

Lorem ipsum dolor sit amet, consectetur

29 adipiscing elit. Quisque semper, leo eget

30

31

Lorem ipsum dolor sit amet, consectetur

32 adipiscing elit. Quisque semper, leo eget

33

34

Lorem ipsum dolor sit amet, consectetur

35 adipiscing elit. Quisque semper, leo eget

36

37

Lorem ipsum dolor sit amet, consectetur

38 adipiscing elit. Quisque semper, leo eget

39

40

41

42

43

44

Hot items

45

46

Lorem ipsum

47

dolor sit

48

...

49

50

51

52

53

New items

54

55

Lorem ipsum

56

dolor sit

57

...

58

59

60

61

62

63

64

The latest news

65

66

67

68

69

70

Lorem ipsum .....

71

72

Lorem ipsum dolor sit amet,

73 adipiscing elit. Quisque semper,

74 Read more

75

76

77

78

79

80

81

82

83

Lorem ipsum .....

84

85

Lorem ipsum dolor sit amet,

86 adipiscing elit. Quisque semper,

87 Read more

88

89

90

91

92

93

94

95

96

Lorem ipsum .....

97

98

Lorem ipsum dolor sit amet,

99 adipiscing elit. Quisque semper,

100 Read more

101

102

103

104

105

106

107

menu 1

108

menu 2

109

menu 3

110

menu 4

111

menu 5

112

113

114

115

116

html5文章标题定格,HTML5最佳做法; 部分/标题/旁边/文章元素相关推荐

  1. html5 游戏前景怎么样,独家 HTML5游戏目前究竟怎么样?看完这篇文章,你或许会清晰很多...

    原标题:独家 HTML5游戏目前究竟怎么样?看完这篇文章,你或许会清晰很多 文/DataEye CEO 汪祥斌 从5月份白鹭的10亿估值,到最近悟空间.山水地.火缘步甲的千万级以上的融资,我们可以感受 ...

  2. 帝国html5图片站模板,html5响应式自适应帝国CMS整站模板源码瀑布流文章图片资讯文章站...

    版本更新 模板已经适配到最新帝国CMS7.5(部分早期源码模板没有适配到最新)!截止2019-持续追踪更新针对机房黑产利用,和帝国CMS一个XS漏洞利用方法的堵截!正式版已补,请已运营的小伙伴找我查看 ...

  3. HTML 18 HTML5 特性 18.10 HTML5 无障碍

    HTML 文章目录 HTML 18 HTML5 特性 18.10 HTML5 无障碍 18.10.1 什么是无障碍 What is accessibility? 18.10.2 HTML: 为无障碍提 ...

  4. 加快网站最佳做法[转]

    尽量减少HTTP请求 标签:内容      80最终用户响应时间%用于前端.这段时间,大部分是绑在下载页面中的所有组件:图片,样式表,脚本,Flash等减少元件数量,从而减少了所需的HTTP请求的数量 ...

  5. 实施ARIA的最佳做法

    今天,为了纪念国际残疾人日,我们在Envato Tuts +上强调了可访问性 . ARIA是Web开发人员可以用来帮助使其网站更易于访问的重要功能. 在之前的文章中,我们讨论了如何实现ARIA,无论您 ...

  6. html5相关介绍ppt,html5介绍全解.ppt

    html5介绍全解 渐变 (Gradients) 线性渐变: background: linear-gradient(to right, red, orange, yellow, green, blu ...

  7. html5前端开发框架模板,HTML5中50个免费的Bootstrap前端框架模板

    原标题:HTML5中50个免费的Bootstrap前端框架模板 毫无疑问,Bootstrap模板的受欢迎程度依然如雨后春笋般迅速增长,这股力量就在不久前还被低估了呢,Bootstrap前端框架基于最新 ...

  8. 【HTML5学习笔记】HTML5:生活要对我下手了吗

    序. 点击跳转到末. 目的:把我们学校的主页网站个性化,为了方便自我,为了学习. 2018年11月28日版本: 最简单的html5文档: <!DOCTYPE html> <html& ...

  9. Html5 css文本属性,html5常用文本标签、CSS文本外观属性,你了解多少?

    一.HTML5中常用的文本标签 1.标题标签 (1)定义及用法: HTML中,定义了6级标题,分别为h1. h2.h3.h4. h5. h6,每级标题的字体大小依次递减,1级标题字号最大,6级标题字号 ...

最新文章

  1. debian宝塔界面安装php失败,宝塔面板安装遇到的问题
  2. 嵩天python笔记_第一篇python笔记
  3. [z]Qt 内存管理机制
  4. git 学习之基础知识
  5. python读取sqlserver的数据_Python:使用并发未来进程P读取sqlserver数据
  6. svn 中 版本回退
  7. 使用Python和Numpy进行波士顿房价预测任务(二)【深度学习入门_学习笔记】
  8. 【资料目录收藏】.NET开发必看资料53个 经典源码77个
  9. 【最全】BliBli,视频下载方法汇总!【最新】
  10. Python爬取某境外网站漫画,心血来潮,爬之
  11. 计算机组成原理-计算机可靠性模型(串联并联系统/串并联混合系统)
  12. 微信的企业号开发流程
  13. S2-052的POC测试
  14. 不用编程 实现西门子PLC和罗克韦尔AB PLC的通讯和协议转换
  15. matlab7 fig exe 阴影,Matlab 生成完全独立运行的 EXE文件的问题请教
  16. UVA1616 Caravan Robbers
  17. Ubuntu与arm开发板之间构建NFS数据通道
  18. Android P SELinux (三) 权限检查原理与调试
  19. 小朋友把游戏藏在计算机里,如何设置孩子玩电脑游戏的时间
  20. Spline(三次样条插值)

热门文章

  1. 串口中断和定时器中断_51单片机中断机制(定时器/计数器)
  2. Visual Studio 中 Tab 转换为空格的设置
  3. Linux常用基本命令:三剑客命令之-awk内置函数用法
  4. Shell脚本学习-阶段六-密钥的批量分发与执行
  5. SESSION 与 COOKIE的区别是
  6. 红米3国际稳定版刷机+完美ROOT
  7. C#笔记15 反射、特性、序列化和动态编程
  8. 加密算法使用(五):RSA使用全过程
  9. C#按Esc后退出对话框
  10. System Verilog自学笔记专栏概述博文目录