html

HTML5

HTML5
- 规范
- 文本格式化标签
- 计算机输出标签
- 引用，术语
- 条件注释
- 颜色
- 链接
- img
- 表格table
- 列表list
- 表单form
- 块div
- head
- html5新东西
- 转义字符
- 特殊符合
- 表情符号
- 字符集
- URL
- 框架
- 背景
- html版本

规范

请始终在文档的首行声明文档类型：
关闭所有标签

This is a paragraph.
属性值加引号
对图像始终使用 alt 属性
等号两边不要空格
避免代码行超过 80 个字符。
勿毫无理由地增加空行。
增加空行来分隔大型或逻辑代码块。
请增加两个空格的缩进。请勿使用 TAB。什么东西
不推荐省略和标签。
元素在 HTML5 中是必需的。请尽可能制作有意义的标题。</li> <li>使用简单的语法来链接样式表（type 属性不是必需的）：<br> <link rel="stylesheet" href="styles.css"></li> <li>请使用简单的语法来加载外部脚本（type 属性不是必需的）：<br> <script src="myscript.js"></li> <li>使用小写文件名大多数 web 服务器（Apache、Unix）对文件名的大小写敏感：</li> </ul> <h2 id="文本格式化标签">文本格式化标签</h2> <table> <thead> <tr> <th style="text-align: center">b</th> <th style="text-align: center">big</th> <th style="text-align: center">em</th> <th style="text-align: center">i</th> <th style="text-align: center">small</th> <th style="text-align: center">strong</th> <th style="text-align: center">sub</th> <th style="text-align: center">sup</th> <th style="text-align: center">ins</th> <th style="text-align: center">del</th> </tr> </thead> <tbody> <tr> <td style="text-align: center">粗体</td> <td style="text-align: center">大号</td> <td style="text-align: center">着重</td> <td style="text-align: center">斜体</td> <td style="text-align: center">小号</td> <td style="text-align: center">加重</td> <td style="text-align: center">下标</td> <td style="text-align: center">上标</td> <td style="text-align: center">插入</td> <td style="text-align: center">删除</td> </tr> </tbody> </table> <h2 id="计算机输出标签">计算机输出标签</h2> <table> <thead> <tr> <th style="text-align: center">code</th> <th style="text-align: center">kbd</th> <th style="text-align: center">samp</th> <th style="text-align: center">tt</th> <th style="text-align: center">var</th> <th style="text-align: center">pre</th> </tr> </thead> <tbody> <tr> <td style="text-align: center">代码</td> <td style="text-align: center">键盘码</td> <td style="text-align: center">代码样本</td> <td style="text-align: center">打字机代码</td> <td style="text-align: center">变量</td> <td style="text-align: center">定预格式文本</td> </tr> </tbody> </table> <h2 id="引用术语">引用，术语</h2> <table> <thead> <tr> <th style="text-align: center">abbr</th> <th style="text-align: center">acronym</th> <th style="text-align: center">address</th> <th style="text-align: center">bdo</th> <th style="text-align: center">blockquote</th> <th style="text-align: center">q</th> <th style="text-align: center">cite</th> <th style="text-align: center">dfn</th> </tr> </thead> <tbody> <tr> <td style="text-align: center">缩写</td> <td style="text-align: center">首字母缩写</td> <td style="text-align: center">地址</td> <td style="text-align: center">文字方向</td> <td style="text-align: center">长引用</td> <td style="text-align: center">短引用</td> <td style="text-align: center">引用引证</td> <td style="text-align: center">项目</td> </tr> </tbody> </table> <h2 id="条件注释">条件注释</h2> <pre><code class="language-html5">!--[if IE 8] .... some HTML here .... ![endif]-- </code></pre> <p>条件注释定义只有 Internet Explorer 执行的 HTML 标签。</p> <h2 id="颜色">颜色</h2> <h2 id="链接">链接</h2> <ul> <li>target="_blank /_self /_top ""</li> <li>a href="#"回到顶部 a href="#"</li> <li>a href="##"空链接 a href="##"</li> <li>a href="#tips"锚用id 或name跳转</li> </ul> <h2 id="img">img</h2> <p>alt 代替文本<br> map area不同区域映射链接<br> align 排列（上中下对其）浮动（左右位置）</p> <h2 id="表格table">表格table</h2> <h2 id="列表list">列表list</h2> <h2 id="表单form">表单form</h2> <h2 id="块div">块div</h2> <hr> <h2 id="head">head</h2> <table> <thead> <tr> <th>head</th> <th>定义关于文档的信息。</th> </tr> </thead> <tbody> <tr> <td>title</td> <td>定义文档标题。定义浏览器工具栏中的标题提供页面被添加到收藏夹时显示的标题显示在搜索引擎结果中的页面标题</td> </tr> <tr> <td>base</td> <td>定义页面上所有链接的默认地址或默认目标。</td> </tr> <tr> <td>link</td> <td>定义文档与外部资源之间的关系。最常用于连接样式表</td> </tr> <tr> <td>meta</td> <td>定义关于 HTML 文档的元数据。</td> </tr> <tr> <td>script 定义客户端脚本。</td> <td></td> </tr> <tr> <td>style</td> <td>定义文档的样式信息。</td> </tr> </tbody> </table> <h2 id="html5新东西">html5新东西</h2> <table> <thead> <tr> <th>article</th> <th>定义文章。</th> </tr> </thead> <tbody> <tr> <td>aside</td> <td>侧边栏。</td> </tr> <tr> <td>details</td> <td>细节</td> </tr> <tr> <td>figcaption</td> <td>图配标题</td> </tr> <tr> <td>figure</td> <td>规定自包含内容，比如图示、图表、照片、代码清单等。</td> </tr> <tr> <td>footer</td> <td>定义文档或节的页脚。</td> </tr> <tr> <td>header</td> <td>规定文档或节的页眉。</td> </tr> <tr> <td>main</td> <td>规定文档的主内容。</td> </tr> <tr> <td>mark</td> <td>定义重要的或强调的文本。</td> </tr> <tr> <td>nav</td> <td>定义导航链接。</td> </tr> <tr> <td>section</td> <td>定义文档中的节。</td> </tr> <tr> <td>summary</td> <td>定义 details 元素的可见标题。</td> </tr> <tr> <td>time</td> <td>定义日期/时间。</td> </tr> </tbody> </table> <h2 id="转义字符">转义字符</h2> <h2 id="特殊符合">特殊符合</h2> <h2 id="表情符号">表情符号</h2> <h2 id="字符集">字符集</h2> <p>meta charset="UTF-8"</p> <h2 id="url">URL</h2> <p>如：http://www.w3school.com.cn/html/index.asp<br> 格式：scheme://host.domain:port/path/filename<br> scheme - 定义因特网服务的类型。有 http，https，ftp，file<br> host - 定义域主机（http 的默认主机是 www）<br> domain - 定义因特网域名，比如 w3school.com.cn<br> :port - 定义主机上的端口号（http 的默认端口号是 80）<br> path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。<br> filename - 定义文档/资源的名称</p> <p>URL编码<br> URL 只能使用 ASCII 字符集来通过因特网进行发送。URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。<br> URL 不能包含空格。URL 编码通常使用 + 或%20 来替换空格。</p> <h2 id="框架">框架</h2> <p>同一个浏览器窗口中显示不止一个html页面<br> frame frameset<br> iframe内嵌网页</p> <h2 id="背景">背景</h2> <h2 id="html版本">html版本</h2> <p>!DOCTYPE</p> </div>  <div class="p-2"></div> <div class="arcinfo my-3 fs-7 text-center"> <a href='/t/etagid1598-0.html' class='tagbtn' target='_blank'>HTMLCSSJS</a> </div> <div class="p-2"></div> </div> <div class="p-2"></div>  <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle"><h2 class="fs-4">相关</h2></div> <hr> <div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-484346.html">html css js书写规范</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div>   </div>  </div> <div class="col-lg-3 col-12 p-0 ps-lg-2">     <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div> <div class="clearfix"></div> <ul class="m-0 p-0 fs-7 r-tag"> </ul> <div class="clearfix"></div> </div>  </div> </div> </div> </main> <div class="p-2"></div> <footer> <div class="container-fluid p-0 bg-black"> <div class="container p-0 fs-8"> <p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </footer> <script src="/skin/bootstrap.bundle.js"></script> </body> </html>