-
<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>查看全部
舉報