html、xhtml要点

最新推荐文章于 2024-09-16 20:08:29 发布

weixin_33682719

最新推荐文章于 2024-09-16 20:08:29 发布

阅读量70

点赞数

文章标签： xhtml javascript python ViewUI

原文链接：https://my.oschina.net/Cheney521/blog/349682

版权

2019独角兽企业重金招聘Python工程师标准>>>

引入css和js的demo

<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <title>百度一下，你就知道 </title>
    <link rel="stylesheet" type="text/css" href="../css/theme.css">
    <style type="text/css">
        p{
            background-color: aqua;
        }
    </style>

    <script type="text/javascript">
        window.sysTime=1439394178;
        _xmanCard = {
            asynJs : [],
            asynLoad : function(id){
                _xmanCard.asynJs.push(id);
            }
        };
    </script>
    <script type="text/javascript" src="theme.js"></script>
</head>

<body>

    <p style="background-color: cadetblue">test 内容</p>

</body>
</html>

1、头部文档说明

html5文档说明

<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
	<meta http-equiv=”Content-Type” content="text/html;charset=utf-8">
	<title>百度一下，你就知道 </title>
</head>

<body>
</body>
</html>

html strict dtd类型文档说明

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
	<meta http-equiv=”Content-Type” content="text/html;charset=utf-8">
	<title>百度一下，你就知道 </title>
</head>
<body>
</body>
</html>

HTML Transitional DTD类型文档说明

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
	<meta http-equiv=”Content-Type” content="text/html;charset=utf-8">
	<title>百度一下，你就知道 </title>
</head>
<body>
</body>
</html>

XHTML Strict DTD类型文档说明

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
	<meta http-equiv=”Content-Type” content="text/html;charset=utf-8">
	<title>百度一下，你就知道 </title>
</head>
<body>
</body>
</html>

XHTML Transitional DTD类型文档说明

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
	<meta http-equiv=”Content-Type” content="text/html;charset=utf-8">
	<title>百度一下，你就知道 </title>
</head>

<body>
</body>
</html>

html文档声明参考：http://w3cschool.cn/tag_doctype.html

2、html与xhtml区别

文档结构

XHTML DOCTYPE 是强制性的

<html> 中的 XML namespace 属性是强制性的

<html>、<head>、<title> 以及 <body> 也是强制性的

元素语法

XHTML 元素必须正确嵌套

XHTML 元素必须始终关闭

XHTML 元素必须小写

XHTML 文档必须有一个根元素

属性语法

XHTML 属性必须使用小写

XHTML 属性值必须用引号包围

XHTML 属性最小化也是禁止的

参考：http://www.w3cschool.cc/html/html-xhtml.html

3、Head 标签

<head>定义关于文档的信息。

<title>定义文档标题。

<base>定义页面中所有链接的基准 URL。

Head 标签参考：http://w3cschool.cn/html_head.html

HTML <meta> 标签

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset

属性	值	描述	DTD	是否必选属性
content	some_text	定义与 http-equiv 或 name 属性相关的元信息	STF	是
http-equiv	content-type expires refresh set-cookie	把 content 属性关联到 HTTP 头部	STF	否
name	author description keywords generator revised others	把 content 属性关联到一个名称	STF	否
scheme	some_text	定义用于翻译 content 属性值的格式	STF	否

HTML <base> 标签

base> 标签为页面上的所有链接规定默认地址或默认目标。都相对base的href的url寻找资源

<head>
<base href="http://www.W3CSchool.cn/i/" />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" />
<a href="http://www.W3CSchool.cn">W3CSchool</a>
</body>

属性

值

描述

DTD

属性是否必选

href

URL

规定页面中所有相对链接的基准 URL

STF

是

target

_blank

_parent

_self

_top

framename

在何处打开页面中所有的链接

否

属性值描述

_blank 在新窗口中打开被链接文档。

_self 默认。在相同的框架中打开被链接文档。

_parent 在父框架集中打开被链接文档。

_top 在整个窗口中打开被链接文档。

framename 在指定的框架中打开被链接文档。

参考：http://w3cschool.cn/att_base_target-2.html

4、Head 常规属性

属性	值	描述
class	classname	规定元素的类名（classname）
id	id	规定元素的唯一 id
style	style_definition	规定元素的行内样式（inline style）
title	text	规定元素的额外信息（可在工具提示中显示）