10个最经常犯得HTML标签错误

我们最好开始注意了,因为HTML Police会走遍你的代码然后挑出你所有没有语义的标签,这份列表包含了10个最经常犯得HTML标签错误,记下他们,能够让我们避免犯此常见错误,让我们的HTML标签符合语义,和标准的要求.
罪行1:把块级元素放入了行内元素内


HTML 元素的表现方式不外乎就两种:块级和行内.每一个标签都有默认的表现方式不是块级就是行内.像div和p 就是块级元素,他们用来形成文档结构.行内元素只能在快级元素内.

罪行2: img 标签没有包含alt属性


alt属性是所有显示在网页中图片的必须属性,它能够帮助人们知道这是什么图片.或者在网速比较慢的时候显示图片的含义是什么.它的主要目的是,说明图片的含义,想这样的说明 alt=”image”是很糟糕的.如果,有些图片的确只是装饰作用而已,那么建议你写成 alt=”".

罪行3:在必要的时候没使用list



犯罪4：使用和显示黑体字和斜体

可以用css样式定义 font-weight 和 font-style. 如果必须在页面中写标签的话,用 或 标签来替换.的没有任何语义可言, 但是,为了更简洁的页面,还是选择 css定义样式吧

犯罪5：使用太多



换行标记只应该用于插入是在第一个文本流换行符敲到一个新行一个特别字了。它不应该被用来制造元素之间的差距，而是分裂成不同的段落，或调整的幅度CSS样式的文本。


罪行6: 使用错误的 Strikethrough 标签

在昔日，和允许用来定义网站文字。不过，现在他们被定义为不推荐使用的标签,当他们任然可以有效果.现在用新的标记集- 和。来替换

罪行 7: 使用内联样式

css最重要的目的只是为了区分文档和样式,如果,你把style写到页面里面,那么完全没有css的作用可言.所以,记住把你的样式放在它该放的位子

罪行 8: 把border添加到HTML中




罪行 9: 没有使用header标签

-

罪行10: 没有语义的 或

不被w3推荐，和 (闪动,滚动)标签是纯粹的丑陋。
不要使用这个标签,如果一定要用这样的效果,相信,你会有其他更好的效果

以上就是10个最经常犯得HTML标签错误的内容，更多相关文章请关注PHP中文网（www.php.cn）！

相关标签：

HTML标签，错误

来源：php.cn

上一篇：html语言剖析 表格标记 下一篇：HTML编辑器FCKeditor使用详解

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章

• 从零开始打造自己的PHP框架的视频资料
  2023-03-15 16:54:01
• PHPMailer如何利用QQ邮箱完成邮件发送功能的实例分析
  2023-03-15 12:26:02
• php中关于IMAP如何收取邮件的方法介绍
  2023-03-14 18:58:01
• php如何快速实现数组去重的实例
  2023-03-14 11:30:01
• html中关于<a>标签的全部属性的使用总结
  1970-01-01 08:00:00
• php基础知识总结（新手入门必备）
  2023-03-16 15:20:01
• JavaScript中typeof的使用方法介绍
  1970-01-01 08:00:00
• JavaScript中confirm()方法的使用介绍
  1970-01-01 08:00:00
• HTML5 Placeholder属性的详情介绍
  1970-01-01 08:00:00
• ReactJS中表单的单选多选与反选的实现方法
  1970-01-01 08:00:00

最新问题

为什么我的 hr 标签设置为白色纯色时是半透明的？ 我有一个html（带有引导程序）和一个CSS，在我的html中我有一个<hr>标签，它有一个类，然后在我的CSS中我有它的边框样式。它是半透明的，你可以看到白色，但它不...

来自于 2024-04-06 16:13:26

0

1

500

使用 simplexml_load_file() php，XML RSS 的标题出现 JP 字符错误 PHP版本：7.4.30我使用simplexml_load_filephp函数，$rss=simplexml_load_file($url,'SimpleXMLElement',L...

来自于 2024-04-03 21:22:05

0

1

304

HTML标签<a></a>和<a href=""></a>之间的区别是什么？ 有些网站在其文本区域中使用[url]网站地址[/url]，并且无法在其中添加锚文本，有人可以向我解释一下吗？我对这个[url][/url]很困惑。我知道html锚标记是如何工作的，...

来自于 2024-04-02 22:46:16

0

2

403

尝试在 Chrome 上浏览本地存储的 HTML 文件时出现问题 我遇到了一个问题。简单地说，我有一堆与HTML相关的文件，我想在Android设备上本地运行它们。例如，我有一个index.html文件。它包含指向其他HTML文件的链接，当我尝试...

来自于 2024-04-02 21:43:02

0

1

373

div 元素不响应 JS onmouseover 所以，我有一个基本的工作示例，我移动光标/鼠标，生成一个具有某些样式的div，表示基于clientX的波浪状图案。仅当我将addEventlistener添加到window时才有效...

来自于 2024-04-02 20:47:52

0

1

308

相关专题

更多>

• 常见的HTML标签
• HTML标签大全
• css3教程
• 爬虫工具介绍
• java报build path entries为空解决方法
• formatter函数用法
• 怎么建立一个网站
• program files可以删除吗

热门推荐

• url是什么意思？
• DOM是什么意思
• 如何改变图片大小
• HTML中如何将字体加粗
• html图片大小如何设置

热门教程

更多>

相关教程

热门推荐

最新课程

• 
  最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)

  1416859
• 
  php入门教程之一周学会PHP

  4257464
• 
  JAVA 初级入门视频教程

  2475903
• 
  小甲鱼零基础入门学习Python视频教程

  503693
• 
  PHP 零基础入门教程

  844141

• 
  最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)

  1416859次学习
• 
  JAVA 初级入门视频教程

  2475903次学习
• 
  小甲鱼零基础入门学习Python视频教程

  503693次学习
• 
  Web前端开发极速入门

  215277次学习
• 
  零基础精通 PS 视频教程

  876923次学习

• 
  【web前端】Node.js快速入门

  6364次学习
• 
  国外Web开发全栈课程全集

  5018次学习
• 
  Go语言实战之 GraphQL

  4198次学习
• 
  550W粉丝大佬手把手从零学JavaScript

  633次学习
• 
  python大神Mosh，零基础小白6小时完全入门

  21322次学习

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

• [表单按钮] jQuery企业留言表单联系代码
• [播放器特效] HTML5 MP3音乐盒播放特效
• [菜单导航] HTML5炫酷粒子动画导航菜单特效
• [表单按钮] jQuery可视化表单拖拽编辑代码
• [播放器特效] VUE.JS仿酷狗音乐播放器代码
• [html5特效] 经典html5推箱子小游戏
• [图片特效] jQuery滚动添加或减少图片特效
• [相册特效] CSS3个人相册封面悬停放大特效

• [前端模板] 家居装潢清洁维修服务公司网站模板
• [前端模板] 清新配色个人求职简历引导页模板
• [前端模板] 设计师创意求职简历网页模板
• [前端模板] 现代工程建筑公司网站模板
• [前端模板] 教育服务机构响应式HTML5模板
• [前端模板] 网上电子书店商城网站模板
• [前端模板] IT技术解决互联网公司网站模板
• [前端模板] 紫色风格外汇交易服务网站模板

• [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)
• [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
• [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
• [PNG素材] 金色的毕业帽矢量素材(EPS+PNG)
• [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)
• [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)
• [banner图] 扁平风格的植树节banner矢量素材(AI+EPS)
• [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)

• [前端模板] 家居装潢清洁维修服务公司网站模板
• [前端模板] 清新配色个人求职简历引导页模板
• [前端模板] 设计师创意求职简历网页模板
• [前端模板] 现代工程建筑公司网站模板
• [前端模板] 教育服务机构响应式HTML5模板
• [前端模板] 网上电子书店商城网站模板
• [前端模板] IT技术解决互联网公司网站模板
• [前端模板] 紫色风格外汇交易服务网站模板

关于我们 免责声明 Sitemap

PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！