02

素颜马尾好姑娘i 2022-07-16 16:21 204阅读 0赞

html5

<a href="#fruit"> 点击此链接，会查找id属性值为fruit的元素。</a>
    <p id="fruit">段落，默认块级元素</p>
    
    <b>加粗</b>
    <br />
    <em>斜体，加以强调</em>
    <br />
    <i>同em元素,表示外文词or科技术语</i>
    <br />
    <s>表示一段文字不在正确</s>
    <br />
    <strong>表示一段重要的文字，同b元素</strong>
    <br />
    <u>添加下划线</u>
    <br />
    <small>小号字体内容，免责声明or澄清声明</small>
    <br /> 强制换行
    <br /> html5新增，告诉浏览器最适合在什么地方拆分
    <wbr>
    <br />
    
    <code>计算机代码片段</code>
    <br />
    <var>编程语境中表示变量</var>
    <br />
    <samp>程序or计算机系统的输出</samp>
    <br />
    <kbd>用户输入</kbd>
    <br />
    
    
    <abbr title="title表示该缩写代表的完整词语">缩写</abbr>
    <br />
    <dfn title="所定义的术语">定义术语，也可以用来解释一个词or短语的含义的句子中的词,如果包含abbr元素，abbr则为要定义的术语</dfn>
    <br />
    <q cite="指定来源文章的url">引用来自他人的内容</q>
    <br />
    <cite>引用作品(图书，文章，电影，诗歌)的标题</cite>
    <br />
    
    
    
    
    <ruby>
        表示一段包含注音符号的文字,h5新增
        <rp>供不支持注音符号的浏览器显示注音符号前后的括号，rp元素内容会被忽略，只显示rt元素内容
            <rt>(标记注音符号)</rt>
        </rp>
    </ruby>
    <br />
    
    <bdo dir="rtl">撇开默认文字方向设置，明确指定其内容中文字方向,必须添加rtl or ltr元素表示左右翻转显示</bdo>
    <bdo dir="ltr">撇开默认文字方向设置，明确指定其内容中文字方向</bdo>
    <br />
    
    
    <bdi>一段出于文字方向考虑而与其他内容隔开的文字,h5新增,针对颠倒文字内容顺序的采用此标签</bdi>
    <p>با على قدم المساواة:10apples</p>
    <br />
    
    
    <mark>突出显示文本</mark>
    <br />
    
    <ins>添加的文字，cite指定解释添加or删除相关文字原因的文档的url,datetime设置修改时间</ins>
    <br />
    <del>删除的文字</del>
    <br />
    
    <time datetime="1984-12-07 15:00">如果pubdate属性存在，则time元素表示的是整个html文档或离该元素最近的article元素的发布时间，datetime属性RFC3329规定格式指定日期or时间</time>
    
    <blockquote cite="http://wwww.baidu.com">
        包含引用的内容块,忽略格式
        <hr>
        哈哈
        <hr />
    </blockquote>
    
    
    <dl>
        <dt>表示说明列表中的术语</dt>
        <dd>表示说明列表中的定义</dd>
    </dl>
    
    
    <figure>
        <figcaption>插图标题</figcaption>
        <code>public static void main(String[]arge){}</code>
    </figure>
    
    
    
    
    
    <hgroup>
        <h1>标题1</h1>
        <h2>标题2</h2>
    </hgroup>
    <h2>标题3</h2>
    <h3>标题4</h3>
    
    
    
    <section>
        <hgroup>
            <h1>哈哈呵呵</h1>
            <h2>你们不好</h2>
        </hgroup>
        你们不好吗？
        <section>
            <h1>哈哈</h1>
            你们好吗？
            <section>
                <h1>哈哈2</h1>
                你们好吗2?
            </section>
        </section>
    </section>
    
    
    <header> 头部 </header>
    <footer>尾部</footer>
    
    
    <nav>
        <a href="">哈哈</a> <a href=""> 哈哈</a>
    </nav>
    
    
    <article>
        <h1>标题</h1>
        怪我咯
    </article>
    
    
    <aside>
        <h1>哈哈</h1>
        <section>
            呵呵
            <ol>
                <li>1</li>
                <li>2</li>
            </ol>
        </section>
    </aside>
    
    
    <header>
        <hgroup>
            <h1>标题1</h1>
            <h2>标题2</h2>
        </hgroup>
        <address>
            请联系我<a href="">请联系我</a>
        </address>
        <nav>
            <h1>不要哭</h1>
            <ul>
                <li>我没哭</li>
                <li>我没哭2</li>
            </ul>
        </nav>
    </header>
    
    
    <details>
        <summary>我是标题</summary>
        你不是标题
    </details>
    
    
    
    
    
    
    <table border="1">
        <caption>这个属性定义表格标题</caption>
        <colgroup span="2" />
        <colgroup span="1" />
        <colgroup>
            <col span="2" />
            <col />
        </colgroup>
        <thead>
            <tr>
    
                <th id="1">标题1</th>
                <th id="2">标题1</th>
                <th id="3">标题1</th>
                <th id="4">标题1</th>
                <th id="5">标题1</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th id="one">标题1</th>
                <td headers="1 one">内容</td>
                <td headers="2 one">内容</td>
                <td headers="3 one">内容</td>
                <td headers="4 one">内容</td>
            </tr>
            <tr>
                <th id="two">标题1</th>
                <td headers="1 two">内容</td>
                <td headers="2 two">内容</td>
                <td headers="3 two">内容</td>
                <td headers="4 two">内容</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th>表脚</th>
                <th>表脚</th>
                <th>表脚</th>
                <th>表脚</th>
                <th>表脚</th>
            </tr>
        </tfoot>
    </table>
    
    
    <!--

enctype：指定浏览器发送给服务器的数据采用的编码方式  
application/x-www-form-urlencoded：默认，url编码  
multipart/form-data：文件上传到服务器  
text/plan:浏览器不同，方式也不同。chrome采用application/x-www。  
autocomplete:默认on，允许浏览器回显。  
target:指定提交后，返回的页面形式  
\_blank:新开窗口or标签页  
\_parent:显示父窗框组中  
\_self:默认，当前窗口  
\_top:顶层窗口  
:指定窗口  
label:为表单每一个元素提供说明,使用for与input元素中id值相同的标签相关联  
autofocus:自动聚焦到某个标签,设置多个，默认最后一个  
disabled:禁用标签  
fieldset：对表单元素编组  
legend:说明标签  
disabled:禁用一组标签  
button:  
submit:提交(default),具备一些特殊属性，用来补充or覆盖form元素设置  
h5新增  
form:指定按钮相关联的表单  
formaction:覆盖form的action属性  
formenctype:同enctype  
formmethod:同method  
formtarget:同target  
formnovalidate:同novalidate，表示是否执行客户端数据有效性检查  
reset:重置  
button:无效果  
引用表单外的元素：form元素的id属性值与表单外的input or button form属性一致即可  
–>