选择符合语义的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,一经查实,立即删除!

相关文章

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

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

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

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

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

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

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…

数学学习笔记-三角函数

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云部署方式呼叫中心系统的出现,已经能够满足所有公司的需要,成本低、功能完善、效率高。公司电话管理系统通常大家的理解是,呼叫中心只是应用于针对营销部门或是客…

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

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

原生希望原生JavaScript开篇

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

POJ 1836 Alignment

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

ppt倒计时_年终会议做一个这样的倒计时PPT,保证惊艳全场!1分钟就能学会

倒计时动画很经常被用在一些产品的发布会或是新年晚会的现场,因为倒计时可以营造除以中紧张的氛围~那么我们常见的倒计时动画都是怎么做出来的呢?其实一点也不难,不需要任何专业的视频软件,只要用我们日常工作中最常用的PPT就能做…

修改Advance Template Jsp模板的编码格式

2019独角兽企业重金招聘Python工程师标准>>> windows ——》 preferences ——》MyEclipse——》Files and Editers——》JSP 在此widzard中修改相应的编码。 转载于:https://my.oschina.net/wangfree/blog/127313

ASP.NET Core ---日志

一、日志记录: 1、日志的作用: 程序中记录日志一般有两个目的,故障定位和显示程序运行状态。好的日志记录方式可以提供足够多定位问题的依据。 2、日志的等级: 有良好工作习惯的人,工作的时候会将领导交待下来的工作分…

circle函数用法 turtle_Python绘图库Turtle详细分析

关注Python学习交流学习更多Python知识Turtle库是Python语言中一个很流行的绘制图像的函数库,想象一个小乌龟,在一个横轴为x、纵轴为y的坐标系原点,(0,0)位置开始,它根据一组函数指令的控制,在这个平面坐标系中移动&am…

USB主机是如何检测到设备的插入的呢?

USB设备的插入检测机制 首先,在USB集线器的每个下游端口的D和D-上,分别接了一个15K欧姆的下拉电阻到地。这样,在集线器的端口悬空时,就被这两个下拉电阻拉到了低电平。而在USB设备端,在D或者D-上接了1.5K欧姆上拉电阻.…

单招计算机专业考多少分可以录取,单招考多少分能过?单招分数线

单独招生是高等职业院校的一种招生形式,和普通高考相比,虽然单招人数连年增加,但报考人数相比高考总人数还是略少的,竞争压力没有那么大,录取率相对高很多,基本不存在落榜,上大学更安全&#xf…

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

更多干货推荐可以去牛客网看看,他们现在的IT题库内容很丰富,属于国内做的很好的了,而且是课程刷题面经求职讨论区分享,一站式求职学习网站,最最最重要的里面的资源全部免费!!!点击进…

【job】2013年5-5阿里巴巴暑期实习招聘笔试题目及部分答案

网上各种标为2013年,实际上都是2012年或者更早的,下面的才是真正的2013年5月5日考试的卷子。 答题说明: 1.答题时间90分钟,请注意把握时间; 2.试题分为四个部分:单项选择题(10题,20分…

Linux进程间通信(管道、消息队列、共享内存、信号、信号量)

目录Linux进程间通信概述1.管道无名管道(pipe)有名管道(fifo)2.消息队列(msg)消息队列的通信原理消息队列相关api消息队列收发数据键值生成消息队列移除3.共享内存(shm)4.信号(sig)信号概述信号编程(入门)信号携带消息(高级)5.信号…

Eclipse上GIT插件EGIT使用手册之五_查看历史记录

Team -> Show in history可以查看版本历史提交记录 可以选择对比模式

solr7.4 centos7安装

环境:centos7、JDK1.8、solr 自带Jetty启动 一、安装JDK1.8环境 1、下载JDK jdk-8u172-linux-x64.rpm 下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 2、安装JDK rpm -ivh jdk-8u131-linux-x64.rpm 3、…