做HTML网页,logo经常采取div +h1+a的形式,这是为什么呢?
做HTML网页,logo经常采取div +h1+a的形式,这究竟是为什么呢?求大佬们解答!!!
div是为了布局
h1是标题标签
a是超链接,使logo可以点击跳转
1.div是一个盒模型必须要具备的标签,因为img是一个行内元素,一般情况下logo的宽高是由这个div来设置而不是直接给img设置宽高,因为给图片强行设置宽高可能会导致图片变形失帧
2.h1标签一般来说在页面中只存在一个,但是我并不认为logo中一定要用到
3.a作为超链接,是否在logo中出现是因需求而定的,如果是代表该网站的logo,很多时候此logo会被用于跳回首页,如果是分页logo会被用于跳转至分页页面,如果是触发事件的功能logo,便不需要a标签进行跳转,所以logo和a标签也不是必须一起存在的,而是根据实际需要进行添加的
一般来说,这是为了平稳降级,所谓平稳降级,就是指有图片的地方,为了避免图片因为网络问题无法载入,或者载入很慢,而放上文字,使得用户在看不到图片的时候,还能操作网站的基本功能。
div的存在一般是作为占位,使得网页在图片没有传送的时候,布局就已经确定。h1表示这个是标题,这么做可以方便搜索引擎对网站收录的时候对语义的识别。
至于为什么用a,一般来说,logo兼具快速跳转回网站首页的功能,这是一种约定。