如何强制浏览器验证XHTML5的格式良好性 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

HTML技术入门

本文并没有详细介绍每个知识点，因为官方的文档介绍的更好，建议前往学习（https://www.w3cschool.cn/html/），本文主要记录一些重点内容和细节。

彻底理解Doctype

写了很多年的CSS，但是对于页面中的第一段话从来都是模模糊糊的认识。仿佛是记得，不同doctype模式，就会触发不同的验证级别。实际的编码过程中，貌似遇到过一两次模式不同，代码解释不一样的情况，但是并没有去细细的追究。今天想起来，这个问题乃是一个最基本的问题，所以花了点时间整理一些知识，消化一下，今后不能够在这个方面有半点的马虎。

01

您找到你想要的搜索结果了吗？

是的

没有找到

谈谈html中一些比较"偏门"的知识(map&area；iframe；label)

说明：这里所说的"偏门"只是相对于本人而言，记录在此，加深印象。也希望有需要的朋友能获得些许收获！ 1.空元素(void)：没有内容的元素。常见的有：
,

（显示一条水平线）,<input>,<link>,<meta>（描述文档内元数据，如描述，编码，作者，关键字）；不常见的有：,<base>,,<command>,<embed>,<keygen>,<param>,<source>,<track>,<wbr> 　　ps：很多不经常用，所以含义也无法记清。可以访问菜鸟教

06

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

大家好，又见面了，我是你们的朋友全栈君。[size=medium][color=orange][b]JSP页面头部的标识：<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>[/b][/color][/size]

02

javascript前端XML格式正确性验证方法

一、原理：鉴于最近要做一个前端xml的数据验证，查找了一些资料，并且自我做了一些总结，写了一个简单的xml字符串验证函数，其实现的过程主要是通过用xml解析器去解析xml字符串，如果解析错误，会报出相应的解析错误，使用该思想去验证xml格式的正确性。在IE和非IE浏览器解析xml是不同的，因此需要两种方法去解析，在IE中有ActiveXObject("Microsoft.XMLDOM")对象可以用来解析，在非IE中可以使用DOMParser对象去解析。 1.1、IE中 xmlDoc = ne

05

前端 50 道面试题与答案邀你轻松拿到Offer

第四种 console.log("a="+b);console.log("b="+a);

02

年薪30万的前端面试题，你能答对几道？|附答案

HTML面试题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必

06

JS魔法堂：doctype我们应该了解的基础知识

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　什么是doctype？其实我们一直使用，却很少停下来看清楚它到底是什么，对网页有什么作用。本篇将和大家一起探讨那个默默无闻的doctype吧！二、什么是doctype　　　　　　　　　　　　　　　　　　　　　　　　doctype或DTD就是声明在文档首行，位于<html>前，用于告知浏览器该文档遵循那种级别的HTML或XHTML规范。　　其声明格式如下： <!DOCTYPE① html② PUBLIC③ "公共标识符"④ "系统标识

07

HTML5设计原理（上）

本文探讨了W3C的HTML5标准与WHATWG的HTML5标准之间的差异和关系，以及HTML5标准的发展历程和现状。

01

前端技术提高页面加载速度

一、使用良好的结构可扩展 HTML (XHTML) 具有许多优势，但是其缺点也很明显。XHTML 可能使您的页面更加符合标准，但是它大量使用标记（强制性的和标记），这意味着浏览器要下载更多代码。所以，事情都有两面性，尝试在您的网页中使用较少的 XHTML 代码，以减小页面大小。如果您确实不得不使用 XHTML，试着尽可能对它进行优化。

02

html 上

网页有图片、链接、文字等元素组成，我们后面的任务就是要把这部分网页元素用代码写出来。。。

02

Web标准中的常见问题

大概在2004年的时候，Web标准的概念藉由一本名为《网站重构》的书开始被国内人所了解。随后的几年中，其更少的代码量、更好的搜索引擎友好性、更好的浏览器兼容性使得Web标准迅速受到重视并逐渐普及，网易、新浪等各大网站相继采用Web标准进行网站重构。

05

w3c标准html5手册_在w3c中规定html决定页面的

下面的图是我在网上看到的一张图，总结的非常好。转： HTML常用标签及其用法

02

前端翻译：Activating Browser Modes with Doctype

一、前言　　　　　　　　　　　　　　　　　　　　　　　　由于本人英语能力有限，译本内容难免有误，望各位指正！本译文不含附录部分，请知悉。二、译文内容　　　　　　　　　　　　　　　　　　　　　　为了让用户正常访问遵循Web标准的网站和90年代后期的非标准网站，当前的浏览器都内置了多种引擎模式。本文将解释这些模式和它们触发的原理。本文概要（没耐性的同学看完这个就可以闪了！）本文结论：以<!DOCTYPE html>作为你们的HTML文档（http头的mime为text/http的

07

学习HTML5 技巧

当今科技发展的速度真惊人，稍不留神，就可能无法跟上它的步伐。新一代的HTML-HTML5的发展也不停的带给我们新的惊喜，

04

HTML5设计原理（中）

根据文章内容为我的技术社区撰写摘要总结。

01

1.HTML基础必备知识学习笔记

学习路径通过前面【全栈之前端前置知识】我们知道，前端开发一般学习路径都是 HTML+CSS+Javascript等

03

linux复制文件scp命令,Linux scp命令详解（服务器之间复制文件或目录）

scp [-1246BCpqrv] [-c cipher] [-F ssh_config] [-i identity_file] [-l limit] [-o ssh_option] [-P port] [-S program] [[user@]host1:]file1 [

03

不同浏览器对于换行的处理

在一个容器中，如果设定了宽度，一般来说自动换行都是比较正常的，但是如果遇到了连续的英文字符，这个问题就会让人头疼。这不，我们部门的用户在测试的时候输入连续的字符，就出现了容器被撑大而样式变形的情况发生，怎么解决这个问题呢？

02

<!DOCTYPE> 的理解

今天被问道“有没有仔细了解过<!DOCTYPE>标签？”，愣了一下，因为一开始在W3cschool上看到过建议使用XHTML Transitional DTD,之后就很听话地把Dreamweaver的HTML文档类型默认设置为XHTML 1.0 Transitional。之后就理所当然地一直用到现在了。人这东西还真是，越长大就越懒了，很多东西都被潜意识地当成了理所当然。既然已经被问及，就去找了找资料，总结了一下，权当做笔记吧~~

02

常用meta标签属性整理总汇

注意，很多人使用initial-scale=1到非响应式网站上，这会让网站以100%宽度渲染，用户需要手动移动页面或者缩放。如果和initial-scale=1同时使用user-scalable=no或maximum-scale=1，则用户将不能放大/缩小网页来看到全部的内容。

02

!DOCTYPE html文档类型声明

让CSS样式表生效，DOCTYPE声明是必须的，以前TABLE布局的网页可能DOCTYPE可以省略也可以正常显示。但在DIV+CSS布局中虽然DOCTYPE就一段代码却至关重要，影响CSS样式是否生效。少了DOCTYPE html声明有的CSS样式仍是生效，但有的CSS样式是失效的。所以DOCTYPE是必不可少的。

02

02.HTML元素/属性/标题/段落/文本格式化/链接

02.HTML元素/属性/标题/段落 /文本格式化/链接 HTML 元素 ---- HTML 文档由 HTML 元素定义。 ---- HTML 元素开始标签 *元素内容结束标签 *

这是一个段落

这是一个链接
*开始标签常被称为起始标签（opening tag），结束标签常称为闭合标签（closing tag）。 ---- HTML 元素语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止元素的内容是开始标签与结束标签

03

HTML中常用meta标签整理

meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

02

说说html 的<!DOCTYPE>声明&标准模式与兼容模式

我们都知道<!DOCTYPE>声明位于文档的最前面，处于<html>标签之前。 <!DOCTYPE>声明不是html标签，它的作用：告知web浏览界面应该使用哪个html版本。例如： <!DOCTYPE html> 则是告诉浏览器应使用html5。建议：总是给html文件加上<!DOCTYPE>声明，确保浏览器能预先知道文档类型。在html 4.0.1中，<!DOCTYPE>声明需引用DTD（文档类型说明），因为html 4.0.1是基于SGML(Standard Generalized Marku

(一)熟练HTML5+CSS3，每天复习一遍

学习网页的概念和分类，了解静态网页和动态网页的不同；了解网页浏览器的工作原理。了解HTML,XHTML,HTML5的概念，制作简单的HTML页面的开发。

03

关于HTML面试题汇总

一、doctype的作用，严格与混杂模式的区别，有何意义 1、语法格式：<!DOCTYPE html> 2、<!DOCTYPE>不是Html标签，而是告知浏览器此页面使用哪个HTML版本进行编写的指令 3、html 4.01中有如下三种模式 1、html 4.01 Strict 严格模式，不包含展示性（纯粹为页面展示服务的标签，如：b、font等，因为这些在css中有相应的替代方案）和弃用的元素，如：font，不允许框架集(framesets)； 2、html 4.01 Transitional 过滤模

08

Confluence 6 针对合并完全失败的内容重新运行合并

如果在系统合并的时候有任何内容的合并失败的话，一个 Confluence 的管理员可以再次重新启动内容合并（请参考前面页面的内容）。只有内容还是使用 wiki 格式的才会被合并，因此重新合并所需要的时间总是会少于原始内容合并所需要的时间的。

03

Confluence 6 针对合并完全失败的内容重新运行合并

如果在系统合并的时候有任何内容的合并失败的话，一个 Confluence 的管理员可以再次重新启动内容合并（请参考前面页面的内容）。只有内容还是使用 wiki 格式的才会被合并，因此重新合并所需要的时间总是会少于原始内容合并所需要的时间的。

03

献给前端的小伙伴，祝大家面试顺利！

HTML相关问题 1.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML

05

HTML文件里的!Doctype有什么作用？

事情起因于，我发现有<!DOCTYPE html>的网页和没有的，页面展示的header差了2px。调试了css好久的也解决不了。偶然间删除了doctype结果居然对齐了，也就是说它会影响某些CSS。所以，我仔细研究了一下DOCTYPE 的作用。

03

从0到1认识XHTML

XHTML是一种可扩展超文本标记语言，与HTML（超文本标记语言）类似，不过在语法上更加严格。XHTML是以XML（是一种必须正确标记且格式良好的标记语言）应用方式定义的HTML，与html 4.01几乎是相同的，浏览器基本都支持。

01

从0到1认识XHTML

XHTML是一种可扩展超文本标记语言，与HTML（超文本标记语言）类似，不过在语法上更加严格。XHTML是以XML（是一种必须正确标记且格式良好的标记语言）应用方式定义的HTML，与html 4.01几乎是相同的，浏览器基本都支持。

04

Python网络爬虫（浏览器伪装技术）

1）字段1: Accept: text/html,application/xhtml+xml,application/xml; q=0.9,/; q=0.8

02

cookie的优化与购物车实例

一 Cookie 的优化 1.1 一般而言，我们设置cookie是在php中设置例如： <?php setcookie('testKe/ /y1','hello world',0,'/'); //#

04

常见Web技术之间的关系，你知道多少？

如果你是一个Web开发初学者，那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思，然而，随着学习的深入。

02

HTTP协议整理

Accept: text/html 代表浏览器可以接受服务器回发的类型为 text/html,也就是我们常说的html文档，如果服务器无法返回text/html类型数据，服务器应该返回一个406错误(Non Acceptable)

01

HTML的声明标签

我们在书写网页的时，很少关注HTML的声明标签。同时，很多设计师和开发者都不知道什么是DOCTYPE，DOCTYPE有什么用。DOCTYPE是document type的简写。主要用来说明你用的XHTML或者HTML是什么版本。浏览器根据你DOCTYPE定义的DTD（文档类型定义）来解释页面代码。所以，如果你不注意设置了错误的DOCYTPE，结果会让你大吃一惊。

02

知识整理之HTML篇

HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们该有的方式来运行）而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。

04

HTML标签

HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

02

文档模式小记

虽然以前就知道浏览器有文档模式，但是一直对他迷迷糊糊。这本书有说道，于是就仔细看看吧。文档模式有3种，混杂模式标准模式准标准模式混杂模式是一般的浏览器在开发者没有声明的时候默认使用（不过这种模式在不同的浏览器下表现的差异很大，一般不要用），因为文档模式是在IE5.5出现时引入的，所以混杂模式的作用是让之后得浏览器版本的行为更像IE5.5，而标准模式则是为了让IE的行为更像标准（遵守W3C的标准），最后一种准标准模式，我就呵呵了，看了半天也没理解书上那简短的一句话讲的是什么，但是度娘说准标准模式在I

06

第一种方式：cookie的优化与购物车实例

cookie保存在客户端，那么可以在客户端那边进行验证，根据上面的代码，前端获取代码为：

02

2018年前端面试总结

再有两个月，2018就快过完了，因而有必要在年末对2018年的前端学习做一个总结，本文主要从前端面试中的一些基础知识来对前端进行相关的总结。本文根据网络面试题进行总结。

02

浏览器运行原理

浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件。

02

doctype的作用

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

02

《HTML重构》读书笔记&思维导图

最近读了《HTML重构》这本书，以下做出自己的总结归纳，大家可以一起学习交流。　　什么是重构？重构是在不改变程序行为的基础上进行小的改动是代码基本逐渐完善的过程，通常需要一些自动化工具的帮助。好的网站是需要我们对代码进行日臻完美的改善。而搜索引擎优化（seo）是网站重构的主要驱动之一，跟图片相比搜索引擎更看重文本；跟后端文本相比更看重前端文本，他们更看重标题或元标签。作者希望通过更多的文本内容取代如图片、flash等可以做好SEO。我个人觉得看完了这本书对做 SEO是非常有帮助的百度百科对重构的定

04

你的网站做好神马搜索优化了吗？神马搜索站长工具提交

神马搜索借助uc的优势，可直接在地址输入框中输入关键词就可以搜索了，免去了输网址的麻烦(这个在国外有点long duan的嫌疑).如果你的网站被bd等se收录了以后一般也是会被神马搜索收录的，查询方法也是用site:***.com。那么我们做好神马搜索优化呢？　　既然神马搜索支持site指令，根据genfeng是思路，那它是不是也有站长工具平台呢？答案是有的，只不过得到这个结果稍微有点迂回。起初在网上搜索了相关问题都没找到，后面想想神马搜索是在uc上的，那在uc官网应该有一些提示。在uc社区的神马搜索

04

经典面试：当你输入一个网址后回车，实际会发生什么?

作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。

02

当你输入一个网址的时候，实际会发生什么

原文:http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/

01

【转载】XHTML 结构化之二：案例分析：W3school 的结构化标记

无论如何，不要跳过本节。阅读本章将增进你的技能，为你的网页减肥，并且使你对标记与设计之间的差异有更清晰的认识。本章中的理念是易于学习的，但是却能极大的提高网站的性能，以及设计、制作和更新网站的便利性。在本节，你将学到如何撰写合乎逻辑的、紧凑的标记，使得你有能力将带宽流量降低50%左右，在减少服务器负担和压力的同时，减少网站的加载时间。通过去除那些表现元素，并改掉那些没有任何好处的坏习惯，我们就可以达到上述的目的。这些坏习惯折磨着网络中的许多站点，特别是那些将 CSS 代码与主要基于表格的布局混合在一起的

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭