• 欢迎访问1024小神,一个只会Python的程序猿不是一个好司机
  • 有什么想对我说的可以在留言板里给我留言哦~
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏1024小神吧

html布局

HTML/Css 1024小神 2年前 (2020-06-25) 329次浏览 1个评论

网页布局原理

标签在网页中会显示成一个个的方块,先按照行的方式,把网页划分成多个行,再到行里面划分列,也就是在表示行的标签中再嵌套标签来表示列,整体按照先整体,后局部,先大后小的顺序来书写结构。

布局示例

根据网页布局的原理以及上面的实例,写出网页的html结构代码。

标签语义化

在布局中需要尽量使用带语义的标签,使用带语义的标签的目的首先是为了让搜索引擎能更好地理解网页的结构,提高网站在搜索中的排名(也叫做SEO),其次是方便代码的阅读和维护。
带语义的标签
1、h1~h6:表示标题
2、p:表示段落
3、img:表示图片
4、a:表示链接

不带语义的标签
1、div:表示一块内容
2、span:表示行内的一块内容

所以我们要根据网页上显示的内容,使用适合的标签,可以优化之前的代码。


如有失效,请留言告知丨转载请注明原文链接:html布局
点赞 (1)

您必须 登录 才能发表评论!

(1)个小伙伴在吐槽
  1. 木木vip
    回想从前, 最开始好像都是用 table ,后面开始流行div+css。 现在主流是什么,就不晓得了!
    2020-12-29 18:03