亚洲日本欧洲欧美视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

捉蟲放大鏡

公告

五、應用無障礙閱讀

一、方便閱讀網頁結構的標簽總結

<!DOCTYPE html>
<html>
<head></head>
<body>
<!-- 標題用header == div -->
<header>標題</header>
<!-- 導航用nav == div -->
<nav>
    <ul>
        <li><a href="#">導航一</a></li>
        <li><a href="#">導航二</a></li>
    </ul>
</nav>

<!-- 文章主體用main == div -->
<main>
    
    <!-- 文章article == div -->
    <article>
        <!-- 章節section == div -->
        <section>章節一</section>
        <section>章節二</section>
    </article>
    
    <!-- 需要重點了解媒體文件 -->
    <audio id="test_audio" controls>
        <source src=".mp3" type="audio/mpeg"></source>
    </audio>
    
    <!-- 單選框，fieldset 和 legend -->
    <fieldset>
        <legend>測試單選框</legend>
        <input type="radio" id="num1" name="test_choose" value="1">
        <label for="num1">choose num1</label><br>
        <input type="radio" id="num2" name="test_choose" value="2">
        <label for="num2">choose num2</label><br>
        <input type="radio" id="num3" name="test_choose" value="3">
        <label for="num3">choose num3</label><br>
    </fieldset>
    
</main>

<!-- 底部元素用footer == div -->
<footer>底部信息</footer>
</body>
</html>

二、快捷鍵跳轉焦點：acesskey（Alt+h/c），tabindex(tab切換焦點)

<!DOCTYPE html>
<html>
<head></head>
<body>
<style>
    div:hover {
        background-color: yellow;
    }

</style>
<header></header>
<main>
    <div tabindex="1">測試盒子1</div>
    <div tabindex="2">測試盒子2</div>
    
    
    <!-- accesskey 用于鏈接，按鈕，表單組件 -->
    <a href="#" accesskey="g">測試鏈接g</a>
    <button accesskey="b">測試按鈕b</button>
</main>
<footer></footer>
</body>
</html>

posted on 2021-03-12 10:15 捉蟲放大鏡閱讀(63) 評論(0) 收藏舉報

刷新頁面返回頂部