-
<mark>需要标注的内容</mark>
查看全部 -
结构
查看全部 -
wbr ，软换行，页面足够大不换行，页面不够大，换行
查看全部 -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>新标签特性</title>
<style>
</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">话题</a></li>
<li><a href="#">活动</a></li>
<li><a href="#">社区</a></li>
</ul>
</nav>
</header>
<section>
<div>
<h2>或许是因为一个人而恋上了一座城，或许是因为一座城而恋上了一个人。</h2>
</div>
</section>
<section class="act">
<div class="up">
<div class="left-part"></div>
<div class="right-part"></div>
<div class="bulletin">
<h3>公告栏</h3>
<p>于千万人之中遇见你所要遇见的人，于千万年之中，时间的无涯的荒野里，没有早一步，也没有晚一步，刚巧赶上了，那也没有别的话可说，惟有轻轻地问一声：“噢，你也在这里吗？”</p>
</div>
</div>
</section>
<section>
<div>这里是幻灯片效果位置</div>
</section>
<section>
<p hidden> 正文内容</p>
<h3>社区文章</h3>
<article>
<article class="item">
<figure>
<img src="" alt="展示图片">
</figure>
<div class="header">
<h4>明天可能会下雨
<span><time datetime="2018-03-26" pubdate="2018-03-26">2018-03-26</time></span>
</h4>
</div>
<div class="body"></div>
<div class="footer"></div>
</article>
</article>
<aside>
</aside>
</section>
<footer>
<div>底部菜单
<ul>
<li><a href="#">你还不来，我怎敢老去。</a></li>
<li><a href="#">你还不来，我怎敢老去。</a></li>
<li><a href="#">你还不来，我怎敢老去。</a></li>
<li><a href="#">你还不来，我怎敢老去。</a></li>
</ul>
</div>
</footer>
</body>
</html>查看全部 -
hidden:隐藏 cotenteditable="true":对输入的东西进行语法纠正
查看全部 -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5 语法学习 No1 全局属性</title>
<style>
div{margin:10px;}
</style>
</head>
<body>
<form datatype="common" class="container" action="">
<h3>留言板</h3>
<label hidden>Hello Word!</label>
<div>
<div>
<label >
<span>姓名：<input type="text" tabindex="1"></span>
</label>
</div>
<div>
<label >
<span>邮件：<input type="text" tabindex="3"></span>
</label>
</div>
<div>
<label >
<span>留言：<textarea name="" tabindex="2" id="" cols="30" rows="5"></textarea></span>
</label>
</div>
</div>
<!--contenteditable="true" 可编辑可修改-->
<table contenteditable="true">
<tr>
<td>测试数据1111</td>
<td>测试数据222</td>
<td>测试数据3333</td>
</tr>
<tr>
<td>测试数据1111</td>
<td>测试数据222</td>
<td>测试数据3333</td>
</tr>
</table>
</form>
</body>
</html>查看全部 -
html5中标签更新列表查看全部
-
新增结构标签查看全部
-
可省略标签,新增结构标签查看全部
-
定义性的语法变得简单查看全部
-
大小写：为了兼容更多的文档查看全部
-
HTML5新增标签查看全部
-
HTML5新特性查看全部
-
1、manifest属性：定义页面需要用到的离线应用文件，一般放在<html>标签里 2、charset属性：meta属性之一,定义页面的字符集 3、<meta http-equiv="pragma" content="no-cache">//禁止页面缓存。 4、网页中标签中加入小图标的样式代码,sizes：指定浏览器选项卡上显示的网页logo 5、超链接打开方式，在新窗口打开页面地址以http://localhost/ 开头 + 相对地址 6、script：defer和async（加载方式） defer--当浏览器读到<script src..> 脚本文件下载后不执行，等页面加载完成后才执行（推迟执行） async--当浏览器读到<script src..> 脚本文件下载后立刻执行，但并不停止执行后续的代码（异步执行） <script defer src="http://code.jquery-1.10.1.min.js" onload="alert('a')"></script> <script async src="http://code.jquery-migrate-1.2.1.min.js" onload="alert('b')"></script>查看全部
-
2.<input id="aa" list="tt"/> <datelist id="tt"> <option value="11"></option> <option value="22"></option> <option value="33"></option> </datelist>查看全部
举报