WEB学习笔记6-正确闭合HTML标签-程序员宅基地

技术标签: ViewUI  javascript  

自闭合标签(空元素,即不能包含任何内容,这些元素对应的HTML标签成为自闭合标签)

area/base/br/col/command/embed/hr/img/input/keygen/link/meta/param/source/track/wbr

<!--非闭合标签必须有开始和结束标签-->

<a href="demo.html" title="demo">simple</a>

<!--自闭合标签必须没有结束标签-->

<img src="demo.png" alt="demo"/>


停止使用不标准的标签和属性,简化HTML代码

1.标签没有实际的语义,仅仅是用于设置样式

  不推荐使用单纯设置样式的标签,如basefont、big、center、font等,应该通过css设置样式,让HTML标签功能更单一。

  不推荐HTML标签中添加样式属性,如iframe、img、input、div等标签中的align属性,body标签上的background属性,tr和td标签上的height、width、nowrap、bgcolor、valign等属性,iframe标签中的frameborder、marginheight、scrolling等属性。此类属性应该废弃,并通过添加css样式来实现相同的效果。

  不推荐使用<blink>或<marquee>(闪动或滚动),这两个标签职能已经超过HTML本身,并且存在浏览器的兼容问题,如果一定要达到此种效果,可通过javascript代码来实现,并且效果会更好,如可以使用JQuery Marquee插件

2.让HTML标签具有更好的语义

  不推荐使用<b>和<i>,显示黑体字和斜体,推荐使用更具有语义的<strong>和<em>,如果单纯是为了样式,推荐使用CSS样式定义font-weignt和font-style,让页面更简洁

  不推荐使用<s>和<strike>, 给文字增加删除线的,可以用<del>和<ins>来代替

3.移除不常用的标签

  acronym/applet/dir等,废弃原因:使用率低或者语义有歧义,并且有其他更好的可替代方案可以使用。

 

转载于:https://www.cnblogs.com/catherine9192/p/9274299.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/banyan1957/article/details/101407461

智能推荐

新版彩虹工具网源码全新界面 支持插件扩展_彩虹工具网开源-支持工具插件扩展-程序员宅基地

文章浏览阅读433次。新版彩虹工具网采用 ThinkPHP6.0 开发,自带 70 多个工具,包含站长工具、开发工具、实用工具、娱乐工具等分类,支持工具插件扩展,支持留言、用户注册登录、后台管理功能。目前已经更新到了 1.6 版本,新增了 QQ 等级查询、短视频解析等多个小工具。_彩虹工具网开源-支持工具插件扩展

Vue对Element中的el-tag添加@click事件无效_el-tag click-程序员宅基地

文章浏览阅读8.6k次,点赞10次,收藏3次。前言今天在做评论模块的时候,想着对el-tag元素添加点击事件,发现无法触发,代码如下所示<el-tag type="error" @click="onClick(scope.row.blog)">scope.row.blog.title}}</el-tag>我们在点击el-tag标签的时候,无法触发其点击事件解决方法通过查阅资料发现官方给定了解答也就是所,..._el-tag click

思科 自带routing_cisco source routing-程序员宅基地

文章浏览阅读330次。设备:交换机、路由器1、交换机:Switch&gt;enable Switch#Switch#confSwitch#configure Configuring from terminal, memory, or network [terminal]? Enter configuration commands, one per line. End with CNTL/Z.S..._cisco source routing

使用 Python Selenium 提取动态生成下拉选项_python 爬虫 下拉框 列表-程序员宅基地

文章浏览阅读1.7k次。在进行网络数据采集和数据分析时,处理动态生成的下拉菜单是一个常见的挑战。Selenium是一个强大的Python库,可以让你自动化浏览器操作,比如从动态生成的下拉菜单中选择选项。这是一个常见的网页爬虫和数据收集者面临的挑战,但是Selenium让它变得简单。这段代码的目的是打开一个网页并选择指定的下拉菜单选项,然后等待一段时间。具体网页和下拉菜单的功能和目的需要根据实际情况来确定。_python 爬虫 下拉框 列表

matlab:基于gui的图像处理_基于matlabgui的图像处理设计-程序员宅基地

文章浏览阅读1.2k次。matlab:基于gui的图像处理_基于matlabgui的图像处理设计

深度学习与Pytorch入门笔记_pytorch-cn-程序员宅基地

文章浏览阅读384次。一、基本操作pythonPytorch中文文档https://pytorch-cn.readthedocs.io/zh/latest/package_references/torch-optim/一、Anaconda基本操作1、用conda创建Python虚拟环境(在conda prompt环境下完成)conda create -n environment_name python=X.X2、激活虚拟环境(在conda prompt环境下完成)activate your_env_name(虚拟_pytorch-cn

随便推点

烧录是什么?ROM、RAM、内存、运存、外存、硬盘是什么关系?-程序员宅基地

文章浏览阅读4.3k次,点赞3次,收藏16次。买手机时看到的“8GB+256GB”里,数字小的的8GB就是RAM、数字大一点的256GB就是ROM。RAM越大的手机能同时运行的应用软件就越多,一关机RAM里面的数据就全没啦,就像你编辑到一半的照片,微信输入框写了没发的信息;ROM越大的手机能安装的应用软件、能存的照片就越多,关机后ROM里面的应用软件、照片还在。这种掉电之后能保持数据的rom,早期就是通过烧断晶体管的方式写数据进去的。那么,我往手机里面拷个照片,视频什么的也可以叫烧录吗?有一类特殊的软件在拷贝进空白。_烧录

“IT 经典” 高校征文大赛 3等奖新鲜出炉 _it征文-程序员宅基地

文章浏览阅读1.9k次。“IT 经典” 高校征文大赛 3等奖新鲜出炉 2008年10月份,华章公司在北京大学、清华大学、北京航空航天大学、武汉大学、华中科技大学、复旦大学、上海交通大学、浙江大学、西安交通大学、南京大学、南开大学、国防科技大学等众多学校的帮助与支持下,“IT经典“高校征文大赛顺利进行,至2009年2月止,我们一共收到众多读者的来信,再次感谢大家对活动的支持。 在来信中,我们选评出_it征文

Wp和Win8平台在实际开发中的对比_wp版和win8版-程序员宅基地

文章浏览阅读1.7k次。Wp和Win8平台在实际开发中的对比最近三个多月(从七月底至今)由于项目需要,临时转向windows平台相关的研究和开发,相继开发出云分析平台(JMA)下windows phone(兼容7和8)和windows 8 底层数据采集工具包(以下简称SDK),提供给移动应用开发者使用,开发者将其嵌入到自己的移动应用程序中,SDK采集应用程序和所使用平台中可供JMA进行分析的数据以及开发者自定义的事件_wp版和win8版

Linux top命令查看多核CPU每个核心的使用率_多核查看进程分别占用每个cpu多久-程序员宅基地

文章浏览阅读6.3w次,点赞6次,收藏17次。op命令是linux下常用的工具,可以查看各个进程的CPU使用情况。先看一个实例:这是Ramnode双核VPS的top显示结果:左上角可以看到CPU的使用率是11.3%,但是看下面的进程,plugin-containe就占用了17.6%。出现这样的情况是因为11.3%指的是所有核心的占用情况,17.6%指的是运行当前进程的核心的使用率。有时候可以看到某个进程的使用率已经达到100%了,但是top显..._多核查看进程分别占用每个cpu多久

linux virtualbox u盘启动,Ubuntu 16.04中VirtualBox 使用U盘/USB设备的方法-程序员宅基地

文章浏览阅读503次。在Virtualbox虚拟机配置面板中打开USB设备选项,分别勾选上“启动USB控制器”“启用usb2.0控制器”选项,如果有错误的提示信息USB 2.0 is currentlye enabled for this virtual…………,那需要下一个扩展包,去http://www.virtualbox.org/wiki/Downloads 这个网站上下载VirtualBox Oracle VM..._vm启动u盘linux

document.body.clientHeight返回值为0的解决方案_clientheight 为0-程序员宅基地

文章浏览阅读1.6w次,点赞2次,收藏6次。最近在做一个div内容高度在不同浏览器下的高度自适应,发现document.body.clientHeight的返回值为0.网上查了一下, 貌似有很多个解决方案。 1. 使用document.documentElement.clientHeight获取。 当使用html5的时候,就会有documentElement在document下。 如上图所示 , 左边为c_clientheight 为0

推荐文章

热门文章

相关标签