当前位置： 首页 > news >正文

重庆网站建设只选承越网络推广技巧

news 2025/7/20 14:56:47
重庆网站建设只选承越,网络推广技巧,湛江企业网站建设,做设计必须收藏的网站文章目录 入门hello.html注释 Comment段落 ParagraphHTML 链接Image 标签文本格式标签标题Section Divisions内部框架HTML 中的 JavaScriptHTML 中的 CSS HTML5 标签页面标题导航HTML5 TagsHTML5 VideoHTML5 AudioHTML5 RubyHTML5 kdiHTML5 progressHTML5 mark HTML 表格Table …

文章目录

    • 入门
      • hello.html
      • 注释 Comment
      • 段落 Paragraph
      • HTML 链接
      • Image 标签
      • 文本格式标签
      • 标题
      • Section Divisions
      • 内部框架
      • HTML 中的 JavaScript
      • HTML 中的 CSS
    • HTML5 标签
      • 页面
      • 标题导航
      • HTML5 Tags
      • HTML5 Video
      • HTML5 Audio
      • HTML5 Ruby
      • HTML5 kdi
      • HTML5 progress
      • HTML5 mark
    • HTML 表格
      • Table 示例
      • HTML表格标签
      • \<td> 属性
      • \<th> 属性
    • HTML 列表
      • 无序列表
      • 有序列表
      • 定义列表
    • HTML 表单
      • Form 标签
      • Form 属性
      • Label 标签
      • Input 标签
      • Textarea 标签
      • Radio Buttons
      • Checkboxes
      • Select 标签
      • Fieldset 标签
      • 数据列表标签（HTML5）
      • 提交和重置按钮
    • HTML input 标签
      • Input 属性
      • Input 类型
      • HTML5 中的新输入类型
      • Input CSS 选择器
    • HTML meta 标签总结
      • Meta 标签
      • 常用 Meta
      • Open Graph
      • Twitter 卡片
      • Geotagging
    • 标签语义化
      • 复杂布局1
      • 复杂布局2
      • 区域语义化
      • 页面头语义化
    • 另见

此 HTML 快速参考备忘单以可读布局列出了 HTML 和 HTML5 标记。

入门

hello.html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML5 Boilerplate</title>
</head>
<body><h1>Hello world, hello 备忘清单!</h1>
</body>
</html>

或者在 jsfiddle

注释 Comment

<!-- 这是代码注释 --><!--或者你可以注释掉一个大量的行。
-->

段落 Paragraph

<p>我来自快速参考</p>
<p>分享快速参考备忘单。</p>

请参阅：段落元素

HTML 链接

<a href="https://github.com/jaywcjlove/reference">Github
</a>
<a href="mailto:jack@abc.com">邮箱</a>
<a href="tel:+123456789">电话</a>
<a href="sms:+123456789&body=ha%20ha">短信
</a>
:-:-
href超链接指向的 URL
rel链接 URL 的关系
target链接目标位置：_self/_blank/_top/_parent

请参阅：<a> 属性

Image 标签

<img loading="lazy"src="https://xxx.png"alt="在此处描述图像"width="400" height="400">
src (URL/路径)必填，图片位置
alt描述图像
width图像宽度
height图像高度
loading浏览器应该如何加载

请参阅：图像嵌入元素

文本格式标签

<b>粗体文字</b>
<strong>这段文字很重要</strong>
<i>斜体文本</i>
<em>这段文字被强调</em>
<u>下划线文本</u>
<pre>预格式化文本</pre>
<code>源代码</code>
<del>删除的文字</del>
<mark>突出显示的文本 (HTML5)</mark>
<ins>插入的文本</ins>
<sup>使文本上标</sup>
<sub>使文本下标</sub>
<small>使文本变小</small>
<pre>预格式化文本</pre>
<kbd>Ctrl</kbd>
<blockquote>文本块引用</blockquote>

标题

<h1> 这是标题 1 </h1>
<h2> 这是标题 2 </h2>
<h3> 这是标题 3 </h3>
<h4> 这是标题 4 </h4>
<h5> 这是标题 5 </h5>
<h6> 这是标题 6 </h6>

您的页面上应该只有一个 h1

Section Divisions

:-:-
<div></div>页面内容的划分或部分
<span></span>其他内容中的文本部分
<p></p>文本段落
<br>换行
<hr>水平分割线

这些标签用于将页面划分为多个部分

内部框架

<iframeid="inlineFrameExample"title="Inline Frame Example"width="100%"height="200"frameborder="0"src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
</iframe>

预览

请参阅：内联框架元素

HTML 中的 JavaScript

<script type="text/javascript">let text = "Hello 快速参考";alert(text);
</script>

外部 JavaScript

<body>...<script src="app.js"></script>
</body>

HTML 中的 CSS

<style type="text/css">h1 {color: purple;}
</style>

外部样式表

<head>...<link rel="stylesheet" href="style.css"/>
</head>

HTML5 标签

页面

<body><header><nav>...</nav></header><main><h1>快速参考</h1></main><footer><p>©2023 快速参考</p></footer>
</body>

标题导航

<header><nav><ul><li><a href="#">编辑页面</a></li><li><a href="#">Twitter</a></li><li><a href="#">Facebook</a></li></ul></nav>
</header>

HTML5 Tags

:-:-
article独立的内容
aside次要内容
audio嵌入声音或音频流
bdi双向隔离元件
canvas通过JavaScript绘制图形
data机器可读内容
datalist一组预定义选项
details其他信息
dialog对话框或子窗口
embed嵌入外部应用程序
figcaption图形的标题或图例
figure插图
footer页脚或最不重要的
header刊头或重要信息
main文件的主要内容
mark突出显示的文本
meter已知范围内的标量值
nav导航链接的一部分
output计算的结果
picture用于多个图像源的容器
progress任务的完成进度
rp提供回退括号
rt定义字符的发音
ruby表示ruby注释
section一系列相关内容中的组
source媒体元素的资源
summary元素的摘要
template定义HTML片段
time时间或日期
track媒体元素的字幕信息
video嵌入视频
wbr换行机会

HTML5 Video

<video controls="" width="100%"><source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" type="video/mp4">很抱歉，您的浏览器不支持嵌入式视频。
</video>

预览

很抱歉，您的浏览器不支持嵌入式视频。

HTML5 Audio

<audiocontrolssrc="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3">您的浏览器不支持音频元素。
</audio>

预览


您的浏览器不支持音频元素。

HTML5 Ruby

<ruby>汉 <rp>(</rp><rt>hàn</rt><rp>)</rp>字 <rp>(</rp><rt>zì</rt><rp>)</rp>拼 <rp>(</rp><rt>pīn</rt><rp>)</rp>音 <rp>(</rp><rt>yīn</rt><rp>)</rp>
</ruby>

↓ 预览

汉 (hàn) 字 (zì) 拼 (pīn) 音 (yīn)

HTML5 kdi

<ul><li>User <bdi>hrefs</bdi>: 60 points</li><li>User <bdi>jdoe</bdi>: 80 points</li><li>User <bdi>إيان</bdi>: 90 points</li>
</ul>

预览

  • User hrefs: 60 points
  • User jdoe: 80 points
  • User إيان: 90 points

HTML5 progress

<progress value="50" max="100"></progress>

HTML5 mark

<p>我爱<mark>备忘清单</mark></p>

我爱备忘清单

HTML 表格

Table 示例

<table><thead><tr><td>name</td><td>age</td></tr></thead><tbody><tr><td>Roberta</td><td>39</td></tr><tr><td>Oliver</td><td>25</td></tr></tbody>
</table>

HTML表格标签

标签说明
<table>定义表格
<th>定义表格中的标题单元格
<tr>定义表中的行
<td>定义表格中的单元格
<caption>定义表格标题
<colgroup>定义一组列
<col>定义表中的列
<thead>对标题内容进行分组
<tbody>将正文内容分组
<tfoot>对页脚内容进行分组

<td> 属性

属性说明
colspan单元格应跨越的列数
headers单元格与一个或多个标题单元格相关
rowspan单元格应跨越的行数

请参阅：td#属性

<th> 属性

属性说明
colspan单元格应跨越的列数
headers单元格与一个或多个标题单元格相关
rowspan单元格应跨越的行数
abbr单元格内容的描述
scope表头元素(在<th>中定义)关联的单元格

请参阅：th#属性

HTML 列表

无序列表

<ul><li>I'm an item</li><li>I'm another item</li><li>I'm another item</li>
</ul>

请参阅：无序列表元素

有序列表

<ol><li>I'm the first item</li><li>I'm the second item</li><li>I'm the third item</li>
</ol>

请参阅：有序列表元素

定义列表

<dl><dt>A Term</dt><dd>Definition of a term</dd><dt>Another Term</dt><dd>Definition of another term</dd>
</dl>

请参阅：描述列表元素

HTML 表单

Form 标签

<form method="POST" action="api/login"><label for="mail">邮箱: </label><input type="email" id="mail" name="mail"><br/><label for="pw">密码:</label><input type="password" id="pw" name="pw"><br/><input type="submit" value="登录"><br/><input type="checkbox" id="ck" name="ck"><label for="ck">记住我</label>
</form>

预览




HTML <form> 元素用于收集信息并将其发送到外部源。

Form 属性

属性说明
name脚本形式的名称
action表单脚本的URL
methodHTTP方法，POST/GET (默认)
enctype介质类型，请参见enctype
onsubmit提交表单时运行
onreset在窗体重置时运行

Label 标签

<!-- 嵌套标签 -->
<label>Click me 
<input type="text" id="user" name="name"/>
</label>

<!-- 'for' 属性 -->
<label for="user">Click me</label>
<input id="user" type="text" name="name"/>

for在标签中引用输入的id属性

Input 标签

<label for="Name">Name:</label>
<input type="text" name="Name" id="">

预览

请参阅：HTML输入标记

Textarea 标签

<textarea rows="2" cols="30" name="address" id="address"></textarea>

预览

Textarea 是一个多行文本输入控件

Radio Buttons

<input type="radio" name="gender" id="m">
<label for="m">Male</label>
<input type="radio" name="gender" id="f">
<label for="f">Female</label>

预览

单选按钮用于让用户只选择一个

Checkboxes

<input type="checkbox" name="s" id="soc">
<label for="soc">Soccer</label>
<input type="checkbox" name="s" id="bas">
<label for="bas">Baseball</label>

预览

复选框允许用户选择一个或多个

Select 标签

<label for="city">City:</label>
<select name="city" id="city"><option value="1">Sydney</option><option value="2">Melbourne</option><option value="3">Cromwell</option>
</select>

预览

Sydney Melbourne Cromwell

选择框是选项的下拉列表

Fieldset 标签

<fieldset><legend>Your favorite monster</legend><input type="radio" id="kra" name="m"><label for="kraken">Kraken</label><br/><input type="radio" id="sas" name="m"><label for="sas">Sasquatch</label>
</fieldset>

预览

Your favorite monster

数据列表标签（HTML5）

<label for="b">Choose a browser: </label>
<input list="list" id="b" name="browser"/>
<datalist id="list"><option value="Chrome"><option value="Firefox"><option value="Internet Explorer"><option value="Opera"><option value="Safari"><option value="Microsoft Edge">
</datalist>

预览

提交和重置按钮

<form action="register.php" method="post"><label for="foo">Name:</label><input type="text" name="name" id="foo"><input type="submit" value="提交"><input type="reset" value="重置">
</form>

预览

将数据提交到服务器 重置为默认值

HTML input 标签

Input 属性

输入标记是一个空元素，用于标识要从用户处获取的特定类型的字段信息。

<input type="text" name="?" value="?" minlength="6"  required />
:-:-
type="…"正在输入的数据类型
value="…"默认值
name="…"用于在 HTTP 请求中描述此数据
id="…"其他 HTML 元素的唯一标识符
readonly停止用户修改
disabled停止任何交互
checked单选或复选框是否选中
required是强制性的，参阅必填
placeholder="…"添加临时，请参阅::placeholder
autocomplete="off"禁用自动完成
autocapitalize="none"禁用自动大写
inputmode="…"显示特定键盘，请参阅inputmode
list="…"关联的datalist的id
maxlength="…"最大字符数
minlength="…"最小字符数
min="…"范围和编号上的最小数值
max="…"范围和编号上的最大数值
step="…"数字如何在范围和数字中递增
pattern="…"指定一个正则表达式，请参阅pattern
autofocus集中精力
spellcheck执行拼写检查
multiple是否允许多个值
accept=""file 中需要文件类型上载控件

请参阅：<input>元素 的属性

Input 类型

type="checkbox"
type="radio"
type="file"
type="hidden"
type="text"
type="password"
type="image"
type="reset"
type="button"
type="submit"

HTML5 中的新输入类型

type="color"
type="date"
type="time"
type="month"
type="datetime-local"
type="week"
type="email"
type="tel"
type="url"
type="number"
type="search"
type="range"

Input CSS 选择器

input:focus当键盘聚焦时

HTML meta 标签总结

Meta 标签

meta 标记描述 HTML 文档中的元数据。它解释了关于 HTML 的其他材料。

<meta charset="utf-8">

<!-- 标题 -->
<title>···</title>
<meta property="og:title"  content="···">
<meta name="twitter:title" content="···">

<!-- url -->
<link rel="canonical"       href="https://···">
<meta property="og:url"  content="https://···">
<meta name="twitter:url" content="https://···">

<!-- 描述 -->
<meta name="description"         content="网页描述···">
<meta property="og:description"  content="···">
<meta name="twitter:description" content="···">

<!-- image -->
<meta property="og:image"  content="https://···">
<meta name="twitter:image" content="https://···">

<!-- ua -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<!-- viewport -->
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=1024">

<!-- 重定向 -->
<meta http-equiv="refresh" content="5;url=http://example.com/">
<meta name="robots" content="index,follow">
<meta name="generator" content="网站生成工具">
<meta name="csrf-token" content="token值">

常用 Meta

<meta name="description" content="网页描述···">
<meta name="keywords" content="关键词1,关键词2,关键词3">
<meta name="author" content="作者名">

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.png" type="image/png">
<link rel="icon" href="favicon.jpg" type="image/jpeg">

Open Graph

<meta property="og:type" content="website">
<meta property="og:locale" content="en_CA">
<meta property="og:title" content="HTML cheatsheet">
<meta property="og:url" content="https://jaywcjlove.github.io/">
<meta property="og:image" content="https://xxx.com/image.jpg">
<meta property="og:site_name" content="Name of your website">
<meta property="og:description" content="Description of this page">

Facebook、Instagram、Pinterest、LinkedIn 等使用。

Twitter 卡片

<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@QuickRef_ME">
<meta name="twitter:title" content="HTML cheatsheet">
<meta name="twitter:url" content="https://jaywcjlove.github.io/">
<meta name="twitter:description" content="Description of this page">
<meta name="twitter:image" content="https://xxx.com/image.jpg">

请参阅：Twitter 卡片文档

Geotagging

<meta name="ICBM" content="45.416667,-75.7">
<meta name="geo.position" content="45.416667;-75.7">
<meta name="geo.region" content="ca-on">
<meta name="geo.placename" content="Ottawa">

请参阅：Geotagging

标签语义化

复杂布局1

╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
┆ <header>                                ┆
╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯
╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
┆ <nav>                                   ┆
╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯
╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
┆ <section>                               ┆
┆╭┈┈┈┈┈┈┈┈╮╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮┆
┆┆<aside> ┆┆ <main>                      ┆┆
┆┆        ┆┆╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮ ╭┈┈┈┈┈┈┈┈┈╮┆┆
┆┆        ┆┆┆  <article>    ┆ ┆ <aside> ┆┆┆
┆┆        ┆┆┆ ╭┈┈┈┈┈┈┈┈┈┈┈╮ ┆ ┆         ┆┆┆
┆┆        ┆┆┆ ┆ <header>  ┆ ┆ ┆         ┆┆┆
┆┆        ┆┆┆ ╰┈┈┈┈┈┈┈┈┈┈┈╯ ┆ ┆         ┆┆┆
┆┆        ┆┆┆ ╭┈┈┈┈┈┈┈┈┈┈┈╮ ┆ ┆         ┆┆┆
┆┆        ┆┆┆ ┆ <article> ┆ ┆ ┆         ┆┆┆
┆┆        ┆┆┆ ╰┈┈┈┈┈┈┈┈┈┈┈╯ ┆ ┆         ┆┆┆
┆┆        ┆┆┆ ╭┈┈┈┈┈┈┈┈┈┈┈╮ ┆ ┆         ┆┆┆
┆┆        ┆┆┆ ┆ <footer>  ┆ ┆ ┆         ┆┆┆
┆┆        ┆┆┆ ╰┈┈┈┈┈┈┈┈┈┈┈╯ ┆ ┆         ┆┆┆
┆┆        ┆┆╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯ ╰┈┈┈┈┈┈┈┈┈╯┆┆
┆╰┈┈┈┈┈┈┈┈╯╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯┆
╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯
╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
┆ <footer>                                ┆
╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯

复杂布局2

╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
┆  <header>                           ┆
┆  ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮  ┆
┆  ┆  <nav>                        ┆  ┆
┆  ╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯  ┆
╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯
╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮ 
┆  <main>                             ┆ 
┆ ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮ ╭┈┈┈┈┈┈┈┈┈┈┈╮  ┆ 
┆ ┆  <article>       ┆ ┆  <aside>  ┆  ┆ 
┆ ┆ ╭┈┈┈┈┈┈┈┈┈┈┈╮    ┆ ┆           ┆  ┆ 
┆ ┆ ┆ <header>  ┆    ┆ ┆           ┆  ┆ 
┆ ┆ ╰┈┈┈┈┈┈┈┈┈┈┈╯    ┆ ┆           ┆  ┆ 
┆ ┆ ╭┈┈┈┈┈┈┈┈┈┈┈╮    ┆ ┆           ┆  ┆ 
┆ ┆ ┆ <section> ┆    ┆ ┆           ┆  ┆ 
┆ ┆ ╰┈┈┈┈┈┈┈┈┈┈┈╯    ┆ ┆           ┆  ┆ 
┆ ┆ ╭┈┈┈┈┈┈┈┈┈┈┈╮    ┆ ┆           ┆  ┆ 
┆ ┆ ┆ <footer>  ┆    ┆ ┆           ┆  ┆ 
┆ ┆ ╰┈┈┈┈┈┈┈┈┈┈┈╯    ┆ ┆           ┆  ┆ 
┆ ╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯ ╰┈┈┈┈┈┈┈┈┈┈┈╯  ┆ 
╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯ 
╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
┆  <footer>                           ┆
╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯

区域语义化

╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮ ╭┈┈┈┈┈┈┈┈┈┈┈╮
┆  <main>          ┆ ┆  <aside>  ┆
┆ ╭┈┈┈┈┈┈┈┈┈┈┈╮    ┆ ┆           ┆
┆ ┆ <header>  ┆    ┆ ┆           ┆
┆ ╰┈┈┈┈┈┈┈┈┈┈┈╯    ┆ ┆           ┆
┆ ╭┈┈┈┈┈┈┈┈┈┈┈╮    ┆ ┆           ┆
┆ ┆ <section> ┆    ┆ ┆           ┆
┆ ╰┈┈┈┈┈┈┈┈┈┈┈╯    ┆ ┆           ┆
┆ ╭┈┈┈┈┈┈┈┈┈┈┈╮    ┆ ┆           ┆
┆ ┆ <footer>  ┆    ┆ ┆           ┆
┆ ╰┈┈┈┈┈┈┈┈┈┈┈╯    ┆ ┆           ┆
╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯ ╰┈┈┈┈┈┈┈┈┈┈┈╯

页面头语义化

╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮
┆  <header>                           ┆
┆  ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮  ┆
┆  ┆  <section>                    ┆  ┆
┆  ╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯  ┆
┆  ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮ ╭┈┈┈┈┈┈┈┈┈╮  ┆
┆  ┆  <nav>            ┆ ┆ <aside> ┆  ┆
┆  ╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯ ╰┈┈┈┈┈┈┈┈┈╯  ┆
┆  ╭┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╮  ┆
┆  ┆  <footer>                     ┆  ┆
┆  ╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯  ┆
╰┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈╯

另见

  • HTML 4.01 Specification (w3.org)
  • HTML Tutorial (jaywcjlove.github.io)
  • Emmet 备忘清单，提升 HTML 和 CSS 代码编写的工具包 (jaywcjlove.github.io)
http://www.tj-hxxt.cn/news/47246.html

相关文章：

  • 日本做a的图片视频在线观看网站网上seo研究
  • 网站制作框架网站到首页排名
  • 无极商城网站建设网店推广方案
  • 信用卡网站模板搜索引擎论文3000字
  • wordpress+博客+简书如何做网站推广优化
  • 网站建设行业数据百度投广告怎么收费
  • 想做网站建设网站做优化
  • 电商平台项目商业计划书官网seo哪家公司好
  • aws wordpress 站群快速建站教程
  • 公司网站免费建立销售怎么找客户源
  • 网站循环滚动图片z怎么做央视新闻最新消息今天
  • 投资平台登封网站关键词优化软件
  • 做网站的成本有多少软文推广页面
  • 网站推广专家东莞网站建设优化
  • 推广运营公司网站优化大师手机版下载
  • 网站中文章内图片做超链接百度搜索使用方法
  • 帮别人做网站的合作协议关键词是什么意思
  • 无锡做网站哪家好google框架三件套
  • 网站开发就业培训sem seo
  • 开通网站费用怎么做分录促销活动推广语言
  • 无锡网站建设专注千客云网络seo上海优化
  • 上海专业网站建设服今日头条官网首页
  • 中国工程建设造价管理协会网站上海seo优化培训机构
  • 设计企业网站流程哪些平台可以打小广告
  • 两个电脑的wordpressseo外包公司
  • 怎么做网站设计b站推出的短视频app哪个好
  • 摄影网站的制作最近新闻报道
  • 我市建设车辆违章查询网站 病句网络营销的渠道
  • 建网站的费用是多少钱seo网站推广下载
  • 怎么做网站搜索营销平台建设