符合w3c标准的html标准需要注意的地方详解

所属分类: 网页制作 / 应用技巧 阅读数: 168
收藏 0 赞 0 分享
XML/HTML Code复制内容到剪贴板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0   
  2. Transitional//EN"    
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
  4. <html xmlns="http://www.w3.org/1999/xhtml">    
  5. <head>    
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
  7. <title>html标准源代码-html标准主要注意重点</title>    
  8. <meta name="keywords" content="关键字" />    
  9. </head>    
  10. <body>    
  11. 第一行<br />    
  12. 第二行    
  13. <p>第二段</p>    
  14. <p>第三段</p>    
  15. </body>    
  16. </html>     

△标准html符合w3c的源代码

符合w3c标准的html标准需要注意的地方

1、首先要DOCTYPE声明

2、以<html>就要以</html>结束

3、注意一对组合型标签如<title>就要以</title>结束,

常见的一对组合型标签有div、p、title、head、html、table、tr、td、span、style、b、strong、ul、ol、li、dl组合(dl、dt、dd)、body

4、单独型标签如换行标签br等标签就要以<br />标签来表示

单独型标签有br、meta 、link

5、标签名注意尽量用半角英文小写,如<div>,尽量少用全角大写如<DIV>

根据html标准、web标准、w3c标准都需要执行遵循以上要点来符合标准。

怎么知道什么时候需要一对型标签方式、什么时候需要单独型呢,这个需要大家在开发div+css的时候多注意记住,还有就是使用Dreamweaver软件来简单判断。

使用Dreamweaver来判断标签方法如下

可以在Dreamweaver软件中“代码”中手写代码方式来,一般Dreamweaver软件在写到以“>”结束一个标签时候,如果是单独型标签Dreamweaver软件将自动转换为“/>”如“<br />”,如果是对应一对型标签时候将不会转换写“>”标签将显示“>”标签而不会变化为“/>”,这个时候你就需要在结束的时候再以“</”加标签名加“>”结束标签,如“<div>”就要以“</div>”结束。

以上这篇符合w3c标准的html标准需要注意的地方详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

移动端开发教程之像素的显示问题汇总

最近在开发中,发现了移动端像素的一些问题,是之前一直没注意过的,这篇文章主要给大家介绍了关于移动端开发教程之像素显示问题的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
收藏 0 赞 0 分享

关于移动端小图标模糊问题的解决方法

由于移动端的屏幕大小不一,所以我们在做移动端页面的时候,在不同分辨率的手机屏幕下,手机端的图片会显示模糊不清,严重影响了用户体验,所以这篇文章主要给大家介绍了关于移动端小图标模糊问题的解决方法,需要的朋友可以参考借鉴,下面来一起看看吧。
收藏 0 赞 0 分享

web开发教程之跨域的解决方案详解

相信每一个前端er对于跨域这两个字都不会陌生,在实际项目中应用也是比较多的,下面这篇文章主要给大家介绍了关于web开发教程之跨域的解决方案,文中通过示例代码介绍的非常详细,对大家的学习或工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
收藏 0 赞 0 分享

网页制作时可以拿起就用的小技巧总结

这篇文章主要给大家分享了一些在网页制作的时候,可以拿起就用的小技巧,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友可以参考借鉴,下面跟着小编来一起学习学习吧。
收藏 0 赞 0 分享

chrome开发者工具-timeline的详细介绍

这篇文章主要给大家介绍了chrome开发者工具-timeline的相关资料,文中介绍的非常详细,对大家的学习或者工作具有一定的参考价值,需要的朋友们下面来一起学习学习吧。
收藏 0 赞 0 分享

web前端开发课程 web前端开发工具有哪些

随着互联网技术的发展,用户对于web网页的依赖性越来越重,这对于web前端开发工程师的要求也在不断提高,作为开发者来说,开发工作需要依赖很多开发工具的协助。才能更高效的完美的呈现出炫酷的页面。下面小编给大家带来了8个好用的web前端开发常用工具,一起学习吧
收藏 0 赞 0 分享

网站网页设计的一些小知识

这篇文章主要介绍了网站网页设计的一些小知识,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解移动端实现内滚动的四种解决方案

这篇文章主要介绍了关于移动端实现内滚动的四种解决方案,实现的效果就是在一个区域内只允许部分区域产生滚动的效果,而其余部分则不能移动,需要的朋友可以参考借鉴,下面来一起看看吧。
收藏 0 赞 0 分享

网站制作入门常识 新手看过来

现在好多人都加入到网站这一行列中来,那么,如何才能制作网站呢?接下来给大家带来网站制作入门常识,需要的的朋友参考下
收藏 0 赞 0 分享

教你如何优雅的实现垂直居中(推荐)

这篇文章主要给大家介绍了关于如何优雅的实现垂直居中的相关资料,文中分别给大家介绍了已知宽高的元素、未知宽高的元素以及基于 Flexbox 的解决方案,都分别给出了示例代码供大家参考学习,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享
查看更多