（X）HTML文档应该是什么样子

最新推荐文章于 2021-09-10 21:36:25 发布

cxygs5788

最新推荐文章于 2021-09-10 21:36:25 发布

阅读量126

点赞数

最近，我看到了如此糟糕的HTML，以至于我想展示HTML文档的外观，

W3C的要求。

绝对最小值定义为：

HTML 4文档由三部分组成：
包含HTML版本信息的行，
声明性的标头部分（由HEAD元素分隔），
正文，其中包含文档的实际内容。主体可以通过BODY元素或FRAMESET元素实现。

或用代码表示：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
   <HEAD>
      <TITLE>My first HTML document</TITLE>
   </HEAD>
   <BODY> 
   </BODY>
</HTML>

请注意，页面标题是必需的HTML元素！

根据我的经验，您至少应该使用另外一个元素：“ content-type”元元素。

它不仅为浏览器提供了HTML MIME类型，还向其说明了所使用的字符编码（尽管英语内容可能无关紧要，但语言使用的字符多于ASCII字符的任何人（例如，中文，日文和其他亚洲语言，欧洲语言（除英语和意大利语外，几乎所有欧洲语言，例如法语（é，à，û，ç），德语（ä，ö，ü，ß）等），使用西里尔字母的语言（和相关）字符（例如俄语），阿拉伯语言等），通常一种语言有多个字符集…

好，回到主题。这是我用于编码的HTML模板（大括号中的变量）

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang=" {en} ">
    <head>
        <meta http-equiv="content-type" content="text/html;charset= {utf-8} ">
        <title> {your page title} </title>
        <link rel="stylesheet" href=" {your.css} " media="screen">
        <style type="text/css"> {your CSS definitions} 
        </style>
        <script type="text/javascript" src=" {your.js} "></script>
        <script type="text/javascript"> {your JavaScript code} 
        </script>
    </head>
    <body> 
    </body>
</html>

补充笔记：

某些早期的浏览器要求将脚本内容包装在注释标记（<！-->）中，以便不显示该内容。如今，任何体面的浏览器都知道<head>和<body>之间的区别，因此不再需要这样做。
HTML元素名称可以大写或小写。但是，我建议使用小写字母。

当然，还有另一个即将到来的HTML变体：XHTML。在获得代码之前，请注意以下几点：

Internet Explorer不支持本机XHTML （尽管有一些技巧）

但是，由于XHTML是XML的子集，因此建议我们使用

XHTML媒体类型（可能是由于兼容性问题（主要是与IE有关）），为“ application / xhtml + xml”。

重要说明：如果您使用“ text / html”媒体类型提供XHTML，则不会将其视为XHTML

完全没有 。然后将其作为HTML处理，这使得编写XHTML徒劳无功。

当然，也有

XHTML的要求（包括HTML / XHTML比较）。

这是我的XHTML模板，最初不打算与HTML兼容，因此使用了限制性更强的XHTML 1.1子集。（要将这些文件提供给IE，我使用服务器脚本将其转换为HTML。）

<?xml version="1.0" encoding=" {ISO-8859-1} " ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang=" {en} ">
    <head>
        <meta http-equiv="content-type" content="application/xhtml+xml;charset= {ISO-8859-1} "/>
        <title> {your page title} </title>
        <link rel="stylesheet" href=" {your.css} " media="screen"/>
        <style type="text/css">
/* <![CDATA[ */ {your CSS definitions} 
/* ]]> */
        </style>
        <script type="text/javascript" src=" {your.js} "></script>
        <script type="text/javascript">
// <![CDATA[ {your JavaScript code} 
// ]]>        
        </script>
    </head>
    <body> 
    </body>
</html>

补充笔记：

与HTML相反，浏览器会检查XHTML文件的有效性（准确地说是XML解析器）。如果您的文档格式不正确或无效（或都不有效），则系统将提示您一条错误消息。
当且仅当您使用UTF-8或UTF-16字符集时，才可以省略XML序言（这是默认编码）
在编写与HTML兼容的XHTML *时，应为空元素标签使用“ />”（以空格开头）。
XHTML元素名称必须使用小写字母。
必须使用<script>和<style>中的CDATA部分来保持文档有效**。
<body>元素本身不允许使用纯文本和内联元素***。

*但在这种情况下，您也可以编写HTML…

**由于XML限制

***在DTD中定义

谢谢您到目前为止的关注，并祝您复制/粘贴愉快

PS不会忘记以您在文档中定义的编码格式保存文档。

From: https://bytes.com/topic/html-css/insights/876127-what-x-html-document-should-look-like

cxygs5788

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（X）HTML文档应该是什么样子

最近，我看到了如此糟糕的HTML，以至于我想展示HTML文档的外观， W3C的要求。绝对最小值定义为： HTML 4文档由三部分组成：包含HTML版本信息的行，声明性的标头部分（由HEAD元素分隔），正文，其中包含文档的实际内容。主体可以通过BODY元素或FRAMESET元素实现。或用代码表示： <!DOCTYPEHTMLPUBLIC"-//...
复制链接

扫一扫