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>代碼第一行為觸發(fā)瀏覽器使用說明模式來解析此html文檔，這個示例是目前流行的html5寫法，
之所以存在這種寫法，是因?yàn)楫?dāng)前瀏覽器所支持的標(biāo)準(zhǔn)并未完全統(tǒng)一，為了讓html文檔能在更多瀏覽器上按照正確的方式解析，我們需要在文檔開頭聲明一個文檔類型標(biāo)準(zhǔn)，
早期的微軟ie產(chǎn)品使用的是自己的一套標(biāo)準(zhǔn)，并非公認(rèn)標(biāo)準(zhǔn)，后來慢慢遵循公認(rèn)標(biāo)準(zhǔn)，但是又不與之情的產(chǎn)品完全兼容，故提供一種解決方案
<meta http-equiv="X-UA-Compatible" content="IE=Edge">該代碼是為了兼容微軟早期ie產(chǎn)品，讓ie使用最新的模式解析文檔
該文檔類型有多種模式
Quirks Mode怪異模式
Standards Mode標(biāo)準(zhǔn)模式
Almost Standards Mode幾乎接近標(biāo)準(zhǔn)的模式
?
| 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刷新和跳轉(zhuǎn)
1 <meta http-equiv="Refresh" content="3" /> 2 <meta http-equiv="Refresh" content="5;url=https://github.com/zengchunyun"/>3關(guān)鍵字
通過設(shè)置關(guān)鍵字，爬蟲會優(yōu)先將關(guān)鍵字錄入，當(dāng)別人通過關(guān)鍵字搜索時，可以通過關(guān)鍵字找到設(shè)置了關(guān)鍵字的網(wǎng)站
1 <meta name="keywords" content="曾春云,博客" />4描述
1 <meta name="description" content="Python 是世界上最好學(xué)的語言" />5書簽標(biāo)題
1 <title>https://github.com/zengchunyun</title>6 link
書簽圖標(biāo)
1 <link rel="shortcut icon" href="icon.ico" />導(dǎo)入css
1 <link type="text/css" href="common.css" rel="stylesheet">?在head部還可以直接編寫全局css樣式模版
1 <style type="text/css"> 2 .cc{ 3 color: #00A000; 4 font-size: 24px; 5 } 6 .cc2{ 7 color: purple; 8 font-size: 48px; 9 } 10 </style>引用js代碼
1 <script type="text/javascript" src="http://www.googletagservices.com/tag/js/gpt.js"></script>直接編寫js代碼
1 <script type="text/javascript"> 2 bla..bla.. 3 </script>?
?
常用標(biāo)簽
標(biāo)簽一般分為兩種：塊級標(biāo)簽和行內(nèi)標(biāo)簽?
- a,span, select等
- div, h1, p等
各種符號
?
p和br
p表示段落，默認(rèn)段落之間是有間隔的
br是換行
a標(biāo)簽
1 <a href="https://github.com/zengchunyun" target="_blank">我的GitHuP</a> 2 <!-- target設(shè)置超鏈接屬性，blank表示在新標(biāo)簽打開頁面 -->?
?
錨
H標(biāo)簽
1 <h1>H1</h1> 2 <h2>H2</h2> 3 <h3>H3</h3> 4 <h4>H4</h4> 5 <h5>H5</h5> 6 <h6>H6</h6>?
H1
H2
H3
H4
H5
H6
?
?
select標(biāo)簽
轉(zhuǎn)載于:https://www.cnblogs.com/dusihan/p/10131836.html
總結(jié)
以上是生活随笔為你收集整理的python 之 前端初识 html的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【Git】常用命令
- 下一篇： Python3文件操作详解 Pytho