首页 » 神马SEO » 小郑seo博客_HTML本身存在的一些问题这8个点请运用精确的办法来搞

小郑seo博客_HTML本身存在的一些问题这8个点请运用精确的办法来搞

访客 2024-11-11 0

扫一扫用手机浏览

文章目录 [+]

我们每天都会写HTML构造,然而,HTML本身存在一些个问题,在日常中,我们尤其须要把稳这些问题,该当避开这么利用。
下面我来列一下一些常见的点:

1、img标签

img元素标签可以不用写alt或title,也能正常显示。

小郑seo博客_HTML本身存在的一些问题这8个点请运用精确的办法来搞 小郑seo博客_HTML本身存在的一些问题这8个点请运用精确的办法来搞 神马SEO

<img src=\公众photo.jpg\"大众/>

小郑seo博客_HTML本身存在的一些问题这8个点请运用精确的办法来搞 小郑seo博客_HTML本身存在的一些问题这8个点请运用精确的办法来搞 神马SEO
(图片来自网络侵删)
2、a标签

a元素标签可以不写href属性,不过这样随意马虎涌现问题,纵然添加块级元素也不会报错,但是里面的内容在浏览器解析后会发生位置偏移,如果出了问题将很难定位。

<a><h2></h2></a>

3、语义化

并不是所有的标签都是带有语义化的,div,i便是比较范例的例子,以是只管即便避免在这些标签里面直接添加笔墨。
实际项目开拓中,我们常常把<i>元素标签当作页面上的icon图标来利用。

<div></div>

<i></i>

4、用对元素标签

只管HTML规范供应了有语义化的列表元素,但我们仍旧可以用下面这种办法来定义列表,而且在页面上也可以正常显示。

<div>

<span class=\"大众list-item\"大众>1</span>

<span class=\"大众list-item\公众>2</span>

<span class=\公众list-item\"大众>3</span>

</div>

5、属性的随意性

先看一段代码:

<div style=\"大众width:100px;height:30px;top:10px;display:relative;\"大众></div>

上面代码中,随意添加top属性也是可以的,只是不生效且不会报错,加入display:relative;也不会提示缺点,但是relative并不是display的属性。

6、table的问题

<table>

<thead>table list</thead>

<tr>

<th>list1</th>

</tr>

......

</table>

html定义了table元素,但table是一次性渲染的,如果表格内容较长就比较慢了。

7、label可有无

Date:<input type=\公众text\"大众 name=\"大众name\公众 />

表单输入项内容不写label也是没问题的,<label>可以定义与表单控件间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签干系的表单控件上。

8、不合理的标签

这些个不合理的标签 ,新标准已经弃用了。

<blink></blink>

<marquee></marquee>

<stike></stike>

总结一下:

很显然,这些糟糕的设计不仅降落了页面可读性,拖慢了页面性能,不利于SEO。
而且误导了初学者对HTML的理解利用,更有可能让我们在已经出错的情形下找不到缺点的缘故原由和方向 。
以是,我们必须要避免这些问题的发生。

标签:

相关文章

人工智能时代下的教育革新_以VB语言为例

在当今这个信息爆炸、技术飞速发展的时代,人工智能(AI)已经深入到我们生活的方方面面。教育领域也不例外,AI技术的应用为教育革新提...

神马SEO 2024-12-30 阅读0 评论0

人民币,中国金融崛起的象征

人民币,作为中国的法定货币,承载着我国悠久的历史和深厚的文化底蕴。近年来,随着我国经济的快速发展,人民币在国际金融舞台上的地位日益...

神马SEO 2024-12-30 阅读0 评论0

介绍CMS登入器,守护网络安全的关键利器

随着互联网技术的飞速发展,网络安全问题日益突出。近年来,各类网络攻击事件频发,给企业和个人带来了巨大的损失。为了应对这一挑战,我国...

神马SEO 2024-12-29 阅读0 评论0