python 之前端初识 html

html语法代码示例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Login</title>
 6 </head>
 7 <body>
 8
 9 </body>
10 </html>

代码第一行为触发浏览器使用说明模式来解析此html文档，这个示例是目前流行的html5写法，

之所以存在这种写法，是因为当前浏览器所支持的标准并未完全统一，为了让html文档能在更多浏览器上按照正确的方式解析，我们需要在文档开头声明一个文档类型标准，

早期的微软ie产品使用的是自己的一套标准，并非公认标准，后来慢慢遵循公认标准，但是又不与之情的产品完全兼容，故提供一种解决方案

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

该代码是为了兼容微软早期ie产品，让ie使用最新的模式解析文档

该文档类型有多种模式

Quirks Mode怪异模式

Standards Mode标准模式

Almost Standards Mode几乎接近标准的模式

Doctype	NS6	Old Moz	Moz & Safari & Opera 10 & IE10 & HTML5	Opera 9.0	IE 8, IE 9 & Opera 9.5	IE 7 & Opera 7.10	IE 6 & Opera 7.0	Mac IE 5	Konq 3.2
None	Q	Q	Q	Q	Q	Q	Q	Q	Q
`<!DOCTYPE html>`	Q	S	S	S	S	A	A	A
`<!DOCTYPE html SYSTEM "about:legacy-compat">`	?	?	?	?	?	?	?	?
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">`	Q	Q	Q	Q	Q	Q	Q	Q	Q
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">`	S	S	S	S	S	A	A	A	A
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">`	S	S	S	S	S	A	A	Q	A
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/html4/strict.dtd">`	S	S	S	S	S	A	A	A	A
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`	S	S	S	S	S	A	A	A	A
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">`	Q	Q	Q	Q	Q	Q	Q	Q	Q
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">`	Q	Q	Q	Q	Q	Q	Q	Q	Q
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`	S	S	A	A	A	A	A	A	Q
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">`	Q	S	A	A	A	A	A	A	Q
`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`	Q	Q	Q	Q	A	A	A	A	Q
`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">`	S	S	S	S	S	A	A	A	A
`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">`	S	S	S	S	S	A	A	A	A
`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`	S	S	S	S	S	A	A	A	A
`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`	S	S	A	A	A	A	A	A	Q
`<?xml version="1.0" encoding="UTF-8"?>` `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">`	S	S	S	S	S	A	Q	A	Q
`<?xml version="1.0" encoding="UTF-8"?>` `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">`	S	S	S	S	S	A	Q	A	Q
`<?xml version="1.0" encoding="UTF-8"?>` `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`	S	S	S	S	S	A	Q	A	Q
`<?xml version="1.0" encoding="UTF-8"?>` `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`	S	S	A	A	A	A	Q	A	Q
`<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HTML//EN">`	Q	S	S	Q	Q	Q	Q	Q	Q
`<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:2000//DTD HyperText Markup Language//EN">`	Q	S	S	S	S	A	A	A	Q
`<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:1999//DTD HTML//EN">`	S	S	S	Q	Q	Q	Q	Q	Q
`<!DOCTYPE HTML PUBLIC "ISO/IEC 15445:1999//DTD HyperText Markup Language//EN">`	S	S	S	S	S	A	A	A	Q

更多用法说明

1页面编码

1 <meta http-equiv="content-type" content="text/html" charset="UTF-8">

2刷新和跳转

1 <meta http-equiv="Refresh" content="3" />
2 <meta http-equiv="Refresh" content="5;url=https://github.com/zengchunyun"/>

3关键字

通过设置关键字，爬虫会优先将关键字录入，当别人通过关键字搜索时，可以通过关键字找到设置了关键字的网站

1 <meta name="keywords" content="曾春云,博客" />

4描述

1 <meta name="description" content="Python 是世界上最好学的语言" />

5书签标题

1 <title>https://github.com/zengchunyun</title>

6 link

书签图标

1 <link rel="shortcut icon" href="icon.ico" />

导入css

1 <link type="text/css" href="common.css" rel="stylesheet">

时间： 2024-12-21 18:14:01

python 之前端初识 html的相关文章

python和前端之HTML的激情

python写前端需要啥语言? a:HTML → 骨架[类似于创建一个塑料模特],搭建.调整整个页面布局 b:CSS → 衣服[类似于给塑料模特穿上衣服,不能那么暴露],将整个页面美化 c:JS → 马达[给模特装一个小马达,这样才能动,才能叫嘛],让页面动起来 1.初识HTML. 基本概念: html为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式.比如字体.颜色.大小等. 超文本:音频,视频,图片称为超文本. 标记 :<英文单词或者字母>

python为前端提供API

作为一名前端来学习后端语言,有难度啊.这里把第一次尝试的过程做个记录 1.网上看到Python给前端提供API可以使用python的flaskweb框架 #py文件 import json from flask import Flask app = Flask(__name__) @app.route("/") def index(): result = { 'status': "200", 'data': 'Hello, world!', } return jso

python基础知识初识

python基础知识初识变量 1.变量:将程序中运行的中间值,临时存储起来以便再次使用定义一个变量 name = "alex" 2.变量命名规范: 1.数字,字母,下划线组成 2.不能以数字开头 3.禁止使用python中的关键字 4.变量名要具有可描述性 5.变量名要区分大小写 6.不能使用中文和拼音 7.推荐写法: 7.1 驼峰体 7.2 下划线 (官方推荐) 流程控制语句 if -- 关键字 = -- 赋值 == -- 等于 :(冒号) 代表语句结束缩进 -- 4个空格

Python基础知识初识 (二)

Python基础知识初识 (二) 编码初识 1.ASCLL 计算机: 计算机存储文件,存储数据,以及将一些数据信息通过网络发送出去,存储发送数据什么内容?底层都是01010101 计算机创建初期,美国,是7位一段,但是发明者说为了拓展,留出一位,这样就是8位一段句.8位有多少种可能 ?256种编码相当于密码本,最早的密码本: ASCII码:只包含:英文字母,数字,特殊字符. 0000 0001 : a 0000 0101 : b 8bit (位)== 1byte(字节) 'hello123':

01----python入门----python安装与初识

----python入门----python安装与初识 python是一门编程语言,作为学习python的开始,需要事先搞明白:编程的目的是什么?什么是编程语言?什么是编程? 这是一个很好的开头!但是,没有什么卵用!我们直接开始正题. 一.语言背景 Python的创始人为荷兰人吉多·范罗苏姆 .1989年圣诞节期间,在阿姆斯特丹,他为了打发圣诞节的无趣,决心开发一个新的脚本解释程序,作为ABC 语言的一种继承.之所以选中Python(大蟒蛇的意思)作为该编程语言的名字,是取自英国20世纪70年代

Python之路【第十一篇】前端初识之HTML

HTML HTML解释: HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它. 浏览器负责将标签翻译成用户“看得懂”的格式,呈现给用户! #超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分.网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如

Python之路【第十一篇续】前端初识之CSS

css解释 css样式: css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化,CSS的可以使页面更加的美观.基本上所有的html页面都或多或少的使用css. 存在方式有三种:元素内联.页面嵌入和外部引入语法:style = 'key1:value1;key2:value2;' 在标签中使用 style='xx:xxx;' 在页面中嵌入 < style type="text/css"> </style > #在头部

小Y的Python学习日志--初识Python

#本文仅为个人学习过程的整理和记录,如有从他人博客.网站摘录的内容,本人会明确标明,如有涉及侵权,请联系本人,本人会在第一时间删除. 一初识Python 1.Python的历史 (1)Python是一种解释性的.面向对象的.带有动态语义的高级程序设计语言(胶水语言). (2)Python简史: 1989年Guido开发,名称由来 (3)Python发展历程: CNRI时期: BeOpen时期: DC时期(Zope系统): Python3.0: 2.Python特征 (1)Python在编程语言中

超多慕课网实战教程破解自学教程百度云盘分享-Python/Java/前端后端/小程序/运维测试/人工智能

以下课程,需要的可以加我微*信:hgh813210,备注你需要的课程 Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式百度云实战分享前端成长必经之路基于Storm构建实时热力分布项目实战 Spark Streaming实时流处理项目实战以慕课网日志分析为例进入大数据 Spark SQL 的世界手工测试企业项目实践及面试提升 Webpack + React全栈工程架构项目实战精讲深度学习之神经网络核心原理与算法 Android应用发展趋势必备武器热修复与插件化

python 之 前端初识 html

python 之 前端初识 html的相关文章

python 之前端初识 html

python 之前端初识 html的相关文章