我们最好开始注意了,因为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推荐,和 (闪动,滚动)标签是纯粹的丑陋。

不要使用这个标签,如果一定要用这样的效果,相信,你会有其他更好的效果

选择符合语义的html标签,最容易犯的HTML标签错误写法相关推荐

  1. struts2 标签单选框_Struts 2 UI标签–表单,复选框,单选,选择,提交

    struts2 标签单选框 Struts2 UI tags are used to generate HTML form elements in result pages. Earlier we lo ...

  2. 动态规划: dp+递推——确定动态矩阵dp含义,确定每个状态下面临的选择和对结果值影响,选择符合题意的作为结果存储在dp中

    1.动态规划:每一个状态一定是由之前的状态推导出来的,通过总结归纳发现递推关系 2.解决动态规划问题的步骤: 确定dp数组(dp table)以及下标的含义: 每个单元内 题目所求的值,一维.二维 确 ...

  3. html5无意义标签,无意义的div和span标签

    HTML 元素是块级元素,它是可用于组合其他 HTML 元素的容器. 元素没有特定的含义.除此之外,由于它属于块级元素,浏览器会在其前后显示折行. 如果与 CSS 一同使用, 元素可用于对大的内容块设 ...

  4. 数据中台 画像标签_如何通过数据中台标签平台,圈出产品高价值用户?

    编辑导语:对于不少公司来说,自身拥有的资源是有限的,因此需要进行差异化运营,将资源着重倾斜给高价值的用户,首先满足他们的需求,缩减分给低价值用户的资源.那么,应该如何去做呢?本文作者通过数据中台标签平 ...

  5. html5哪个标签首字母大写,HTML5中标签和常用规则有哪些?html5标签以及规则的介绍...

    这篇文章给大家介绍的内容是关于HTML5中标签和常用规则有哪些?html5标签以及规则的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1. 命名规则 [强制]class:必须单 ...

  6. delphi tabsheet多标签自适应宽度_HTML 图像 img 标签

    HTML 图像 标签 在 HTML 中,通过 标签来定义显示一副图像.是一个非成对标签. 基本语法: <img src="url" /> 标签 通过 src 属性来确定 ...

  7. 使用HTML注释标签,超详细的HTML !–…– 注释标签使用实例.pdf

    超详细的HTML 超详细的HTML 注释标签使⽤实例 HTML 注释标签 标签定义及使⽤说明 < !--...--> 注释标签⽤来在源⽂档中插⼊注释.注释不会在浏览器中显⽰. 您可使⽤注释 ...

  8. web从零开始做网站:三.HTML标签:1.常用文本标签图像标签

    文章目录 前言 主要以实操的形式为大家讲解. 一.古诗一首 当我们把带格式的古诗放进body里面 1.换行标签 2.h标签 3.p标签 4.居中 5.文本格式化标签标签 6.特殊字符 7.pre标签 ...

  9. 小红书标签怎么添加?小红书标签对作品有什么影响

    小红书笔记想要获得更大的初始流量推荐,进而通过推荐被更多用户看到,可以采用添加小红书笔记标签的方式.今天就和大家分享一下小红书标签怎么添加以及小红书标签该如何选择. 一.小红书标签怎么添加? 小红书标 ...

最新文章

  1. 用property声明属性时,strong,copy,weak的一般用法
  2. ASP.NET Core Razor Pages
  3. 感谢Thunder团队
  4. Flutter学习笔记02:初探Flutter项目
  5. 怎样把计算机放到手机桌面,如何将电脑桌面的文档发送到手机微信
  6. 坐标系旋转变换,内在旋转,外在旋转
  7. 网狐荣耀手机端内核源码
  8. Windows聚焦问题修复
  9. windows 编译libtorrent
  10. java excel换行_java poi出excel换行问题
  11. 大蟒蛇python头像_Python微信好友头像大拼图案例
  12. 【C#】VS2017桌面应用程序打包成.msi或者.exe
  13. Html+Css实现九大行星动画效果
  14. php 提取登录QQsid_PHP模拟QQ登录的方法
  15. ubuntu 20.04 重装openssh
  16. 基于ResNet50实现宫颈细胞病变分类
  17. 高通SDM845平台Sensor学习——2.Hal层
  18. 第十届“中国电机工程学会杯”全国大学生电工数学建模竞赛 A 题:微电网日前优化调度
  19. webrtc 浏览器播放器支持mse硬解
  20. 用友T3软件进不去,这要怎么办?

热门文章

  1. Android 虚拟机学习总结Dalvik虚拟机介绍
  2. [转]The Top 10 Attributes of a Great Programmer
  3. 学习笔记(54):Python实战编程-Scale
  4. C#中数据类型及其转换知识点汇总
  5. python的datetime举例_Python datetime模块的使用示例
  6. mysql to char 用法_postgresql 中的to_char()常用操作
  7. halcon相关的链接
  8. python保存模型 特征_Pytorch提取模型特征向量保存至csv的例子
  9. mongodb备份oplog_MongoDB 备份(mongodump)与恢复(mongorestore)
  10. HashMap(摘)