HTML中需要避免的常见错误

2020-08-31 20:31:58

你好,了不起的人。本文将介绍我们在编写HTML时经常犯的几个常见错误。让我们开门见山吧。

锚元素用于创建指向文件或网页位置的超链接,并且应该始终用于导航到真正的URL。锚元素经常被误用为假按钮,方法是将它们的href设置为#以防止页面刷新,然后侦听它们的单击事件。

当我们将href值指向#时,它会破坏链接的默认功能,导致在新选项卡或窗口中打开链接、添加书签、复制/拖动链接、加载JavaScript、出现错误或被禁用时出现意外行为。它们还将不正确的语义传递给辅助技术,如屏幕阅读器。

不推荐使用此处添加链接,因为它不会告诉您它将导航到哪里。提供一些链接指向的适当文本。

<;br>;元素用于在地址中或在专门写诗时拆分文本。使用<;br>;创建单独的文本段落不仅是不好的做法,而且对于借助屏幕阅读技术导航的人来说也是有问题的。屏幕阅读器可能会错过两个Break元素之间的内容,同时仍会通知标记的存在。对于使用屏幕阅读器的人来说,这可能会令人沮丧。

HTML是一种语义语言,任何关于视觉效果的事情都应该只用CSS来完成。避免使用标题标签调整文本大小。而应使用CSS font-size属性。标题使用大小来表示它们的相对重要性,但CSS更适用于一般用途的大小调整。

不要使用空<;p>;元素在段落之间添加空格,这对于使用屏幕阅读技术导航的人来说是有问题的。屏幕阅读器可能会宣布段落的存在,但不会宣布其中包含的任何内容-因为没有任何内容。

Side是在HTML5中引入的,表示与主要内容没有直接联系的内容。此外,作为文章的一部分,它是独立的,不是必需的,但如果使用得当,它可以是您内容的额外信息级别。示例侧边栏或调出框。

不要使用side来标记带括号的测试,因为这是主要内容的一部分。如果内容不应该放在那里,请不要试图强行将其放在另一个<;旁边。

今年夏天,我和我的家人参观了艾普考特中心。天气很好,埃普考特令人惊叹!我和家人一起度过了一个愉快的夏天!Epcot Center Epcot是华特迪士尼世界度假区的一个主题公园,以令人兴奋的景点、国际馆、获奖烟花和季节性特别活动为特色。

编写语义正确的HTML是每个开发人员的责任。我希望你能从这篇文章中学到一些东西。现在就到这里吧。多保重,注意安全。沙德