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

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

罪行1:把块级元素放入了行内元素内

6444c3defe72ae97d5f81359f4b65d72.png

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

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

3f1c9f887be0b760b05e1f3db176214d.png

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

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

1806f87244e19aa6892a579e70c9dfa9.png

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

873c76872604f6a61b518d27cddaa75f.png

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

犯罪5:使用太多

da6dded8c623a0b84d1c511eb258eb19.png


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

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

710ddb676b01573c3510e1ac2a3a594c.png

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

罪行 7: 使用内联样式

5432e8e4257020caec4631fa744614fc.png

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

罪行 8: 把border添加到HTML中

f42be0b0b1292eb8d8b8711cf75800d8.png

罪行 9: 没有使用header标签

-

bb554203db051fff78a52f8525adcd2b.png

罪行10: 没有语义的 或

375be895bedad741f7413cdaaeb70419.png

不被w3推荐,和 (闪动,滚动)标签是纯粹的丑陋。

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/266133.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python装饰器参数讲解_python装饰器的详细解析

写在前面:python装饰器(fuctional decorators)就是用于拓展原来函数功能的一种函数,目的是在不改变原函数名(或类名)的情况下,给函数增加新的功能。 这个函数的特殊之处在于它的返回值也是一个函数,这个函数是内嵌“原“”函数的函数。一般而…

Linux进程编程(PS: exec族函数、system、popen函数)

目录1.进程相关概念程序和进程查看系统中的进程ps指令top指令进程标识符 使用getpid()获取父进程,子进程2.创建进程fork进程创建发生了什么——C程序的存储空间如何分配3.创建进程vfork(区别fork)4.进程退出正常退出异常退出5.父进程等待子进程退出父进程收集子进程…

亚马逊云主机AWS-EC2建站简介

其实挺多是参考互联网的,所以直接贴网址了。 【申请帐号】要信用卡号码的 http://bbs.admin5.com/thread-9440113-1-1.html 【地区测速】http://www.cloudping.info/ 【安装系统及SSH】要看清免费的项目 http://blog.chinaunix.net/uid-26726420-id-3196899.html 【…

简练软考知识点整理-控制成本过程

控制成本是监督项目状态,以更新项目成本,管理成本基准变更的过程。本过程的主要作用是,发现实际与计划的差异,以便采取纠正措施,降低风险。要更新预算,就需要了解截至目前的实际成本。只有经过实施整体变更…

求一列数据中的波峰_PowerQuery:横向/纵向追加数据

上一篇文章都是在原表数据基础上的分分合合,但做数据分析的时候还经常需要在原有数据的基础上增加一些辅助数据,比如加入新列、新行,或者从其他表中添加进来更多维度的数据,这些就是数据丰富的过程。01添加列Power Query中添加列有…

二级菜单HTML原理,CSS多级菜单的实例代码讲解

这是一个相当炫的功能,让网页看起来像桌面程序,如window的开始菜单。实现原理基本和纯CSS相册差不多,但要注意的事项比较多,让我们一步步来吧。先来一个非常简单的一级菜单与悬停效果。菜单一菜单二菜单三菜单四结构很熟悉吧&…

HTML对字体的操作详解

摘自:HTML对字体的所有操作详解(经典) 作者:HeroKern 发布时间: 2016-01-31 21:15:31 网址:https://blog.csdn.net/qq_21792169/article/details/50615919/?utm_termhtml%E6%A0%87%E8%AE%B0%E5%AD%97%E4%B…

Discuz初探

根目录文件 admin.php 后台入口文件 api.php 合作API输出 archiver 论坛Archiver阅读模式(无图版) connect.php 云平台接口文件 cp.php 多应用服务入口文件(加载userapp.php) crossdomain.xml fa…

数学学习笔记-三角函数

1.圆的一周的弧度数为2π,360角2π弧度,1为π/180弧度 2.如下图,在一个直角三角形中 角A的对边为正对着的那个边a角A的邻边为另外一条直角边b角A的斜边为斜边c其中 正弦sin(A)对边/斜边余弦cos(A)邻边/斜边正切tan(A)对边/邻边正割csc(A)1/si…

云计算呼叫中心_SaaS云呼叫中心系统只用于销售或客服?

随着时代的发展,公司企业不一定有规模了才需要呼叫中心系统。SaaS云部署方式呼叫中心系统的出现,已经能够满足所有公司的需要,成本低、功能完善、效率高。公司电话管理系统通常大家的理解是,呼叫中心只是应用于针对营销部门或是客…

全国计算机等级考试题库二级C操作题100套(第91套)

第91套: 函数fun的功能是:计算请在程序的下划线处填入正确的内容并把下划线删除,使程序得出正确的结果。 注意:源程序存放在考生文件夹下的BLANK1.C中。 不得增行或删行,也不得更改程序的结构! 给定源程序…

mvc4 html.pager,MVC分页之MvcPager使用详解

最近刚刚接触MVC不久,因项目中要用到分页,网上找了下资料,最后采用了MvcPager(http://www.webdiyer.com/),支持同步和Ajax异步分页。废话不多说了直接上代码。一.MvcPager异步 ViewModel:public class Article{[Display(Name "信息编号…

lnmp压力测试

最近在自己的台式机上搭了个lnmp,想用压力压一压,看看结果怎么样。由于nginx只是个静态web服务器,并发能力超强,因此lnmp的性能瓶颈在于php的处理能力,即php-fpm。硬件CPU AMD Phenom(tm) II X4 945内存 4G x 4硬盘 西…

1 uC/OS工程目录

第一个项目,从整体上认识 uC/OS转载于:https://www.cnblogs.com/chdfelix/p/9581271.html

html中免费的四级联动,利用JS实现省市区街道四级联动插件

特效描述:利用JS实现 省市区街道 四级联动插件。利用JS实现省市区街道四级联动插件代码结构1. 引入CSS2. 引入JS3. HTML代码所在地区所在地区请选择请选择请选择请选择$(function(){// 地址选择器遮罩层打开与关闭$("#areaLabel").click(function(e){$(&q…

python递归面试题_汉诺塔问题其实很简单 Python 递归经典面试题

话不多说,上代码1 def hanoi_move(n, source, dest, intermediate):2 if n > 1: # 递归出口,只剩一个盘子3 hanoi_move(n-1, source, intermediate, dest)4 print("Move %s -> %s" % (source, dest))5 hanoi_move(n-1, intermediate, de…

全国计算机等级考试题库二级C操作题100套(第92套)

第92套: 函数fun的功能是:计算的前n项。若x2.5,函数值为:12.182340。 请在程序的下划线处填入正确的内容并把下划线删除,使程序得出正确的结果。 注意:源程序存放在考生文件夹下的BLANK1.C中。 不得增行或…

原生希望原生JavaScript开篇

本篇文章个人在深圳游玩的时候突然想到的...最近就有想写几篇关于原生希望的文章,所以回家到之后就奋笔疾书的写出来发布了 一直对前端技巧很有兴致,就心生了写一个专栏的动机,然后就申请了原生JavaScript这个专栏,旨在与大家同共…

POJ 1836 Alignment

有一排人,身高可能不同,现在有一个理想状态是这排的每个人向左或向右看没有被挡住视野(当遇到等高或更高的人时会被挡住),现在问最少让几人出列可以达到这个理想状态。 最少人出列,其实就是一个人数最多的理想状态。求一个人数最多…

2021年广西高考成绩查询方法,2021年广西高考成绩查询网站查分网址:https://www.gxeea.cn/...

【摘要】高考结束后大家最为关心的问题就是在哪里查分,如何查分,高考频道特别整理2021年广西高考成绩查询查分网址,成绩公布时考生可直接点击网址进行查分,预祝大家都能顺利的考上理想的大学!由于,各省级招…