如何实现隐藏一个html页面_「前端开发」一些HTML中的小细节,实现一个近乎完美的页面...

9008682fba77e123a04c2039fdce56a3.png

在学习和总结HTML的过程中,我发现了一些之前没有留意的内容,在这里和大家分享一下,不知道在您使用HTML的过程中是否发现过类似的情况呢?

1.有序列表的标记

在HTML中,有一个有序列表标签,这个标签中可以使用 type 属性来设置标签的标记符号,支持阿拉伯数字、罗马数字、英文字母几种形式,一般情况下,我们的有序列表列表项不会超过十个,并不是很多,所以不论使用哪种形式的标记都不会出现麻烦,但是假设有一天列表项数目很多,这时候就会发现一个问题,无论是阿拉伯数字还是罗马数字,我们总可以用数字去标记它,但是英文字母呢?它的总数是有限的,如果超出了有序列表的范围,会出现什么样的情况呢?是否会重新以A或者a来标记呢?

2.单选按钮

在表单中,我们经常会用到单选按钮,这种按钮在点击其中一个按钮的时候,无法选中另一个,但是一次偶然的机会,我发现自己的页面似乎超出了我之前的认识,因为我可以同时点击两个按钮,仔细查找原因发现是我没有为单选按钮设置 name 属性导致的,类似的情况不知道在您的练习或者工作中有没有遇到呢?

3.无地址的链接

链接,是HTML中经常使用的一个标签,在测试中我们有时候并不会指定链接的地址,这时候我们一般会在链接地址中加入一个 # ,但是如果没有添加这个符号的话,您知道页面上的链接是什么样子吗?恐怕很多人都没有关注过,在曾经一次录制课程的时候,我遇到了这样的问题。因为最初我向大家介绍链接标签的时候,描述的链接锚文字呈现蓝色的字体,字体下方有下划线,但是因为我没有在 href 这个属性值中输入任何的内容,浏览器呈现出来的链接并不是平常看到的浅蓝色,而是深度的蓝色,这是否是浏览器在向我们发出的一个警告信息呢?

4.不同浏览器中的输入框

网页中,输入框是一个常用的标签,不知道大家有没有注意过不同浏览器中对输入框的显示方面存在差异,在谷歌浏览器中它呈现一个比较细的边框,而IE浏览器中呈现的边框则比较粗,而且在我们鼠标移动到标签上、标签获得焦点、标签失去焦点整个过程中,浏览器都提供了一定的装饰效果,只不过它们并不一样,这些差异如果被我们忽视,那么当用户使用浏览器输入文字的时候会呈现不同的效果,这些内容是否需要积累呢?

5.标签

在HTML中,有一个特别的标签,就是,它可以用来设置网页的描述信息、作者、关键词,这些内容都是SEO所关注的,对于提升网站的排名有很重要的意义,所以在很多教程中会提到一定要添加这个标签,同时设置这个标签的内容。不过,遗憾的是多数开发人员并不懂什么是SEO,这个标签中定义的内容也很草率,到底在这个标签应该定义哪些内容呢?这是我一直思考的问题。

……

不知道,这些细节问题,在您的学习或者工作中有没有发现呢?或者曾经因为这些问题产生了一些不必要的麻烦呢?最终郑重,提醒初学者请不要轻视HTML,简单的内容未必学习就很轻松,有很多细节方面的问题需要我们不断的发现和总结,所以不断的练习和总结是我们学好它的基础,加油吧!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值