あまり使われないけど便利なXhtmlタグ

 Xhtmlには、あまり使われていないけれども、とても便利なタグがたくさんあります。その中には、便利なもの、セマンティクスを向上させるもの、使い勝手を向上させるものなどがありますが、その一部をまとめてみました。まとめの原則は、便利で使える、つまり、ほとんどのブラウザがサポートしなければならない、そうでなければ"on"ではない、ということです。とか、"サイン"だけ見て溜息をつくのはどうなんだろう？
<ベース>タグ
    役割 <ベース タグは、ページ内のすべてのリンクのデフォルトのリンクアドレスまたはリンクターゲットを指定します。時々、ホームページのすべてのリンクを新しいウィンドウで開くようにする必要がありますが、これは通常リンクをどのように書くかですが、このタグを使うことで一挙に解決されます
属性です。
        Href:リンクアドレス
        target:target の値は、_blank,_parent,_self,_top で、Strict mode 以外でも使える。この使い方は 163.com で初めて知った。
使用方法を説明します。

public class MainActivity extends ActionBarActivity {

private static final String F_SETTINGS = "f_settings";

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.activity_main);

    Button btn = (Button) findViewById(R.id.btn);
    btn.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            debug();
        }
    });

    if (savedInstanceState == null) {
        FSettings newFragment = new FSettings();
        FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
        ft.replace(R.id.container, newFragment);
        ft.addToBackStack(F_SETTINGS);
        ft.commit();
        // getSupportFragmentManager().executePendingTransactions();
        //// Activating this did not make any difference...
    }

    debug();
}

private void debug() {
    String txt = "null";
    Fragment frag = getSupportFragmentManager().findFragmentByTag(F_SETTINGS);
    if (frag ! = null) {
        txt = frag.toString();
    }
    Log.i("Testing", txt);
}
}





<キャプション>タグ





役割です。


captionタグは、テーブルのタイトルを定義するために使用されます。テーブルのタイトルを定義して、テーブルが何のためにあるのかを説明することは、非常に "semantic" なことです。cssで変更することができます。



使用方法を説明します。

ft.replace(R.id.container, newFragment,"fragment_tag_String");





<thead> タグ, <tbody> タグ, <tfoot> タグ




    役割：テアード、Tフット 
と 
tbodyタグは、その名の通り、テーブルのhead（多くの人はthを使うだけ）、subject、bottomのことで、テーブルをより意味的にするとともに、テーブルの性能をより簡単にコントロールできるようにするものです。また、タイトルがテーブルに従うことができるようにするために3つのテーブルを使用する非常に病気の方法で海外の人々、またはtbody固定高さ、余分な行は、スクロールバーが表示されます。興味のある方は検索してみるとか、やってみるとか。


注


thead、tfoot、tbodyを使用する場合 
要素を使用する場合は、それらすべてを使用しなければなりません。これらは、thead, tfoot, tbodyの順に表示され、ブラウザがすべてのデータを受け取る前にフッターをレンダリングできるようにします。





使用方法を説明します。

<table
 border
=
"1"
>

<thead
>

<tr
>

<th
>
Section
</th>

<th
>
Score
</th>

</tr>

</thead>

<tfoot
>

<tr
>

<td
>
Total score
</td>

<td
>
159
</td>

</tr>

</tfoot>

<tbody
>

<tr
>

<td
>
Language
</td>

<td
>
99
</td>

</tr>

<tr
>

<td
>
Math
</td>

<td
>
60
</td>

</tr>

</tbody>

</table>





<fieldset> タグと <legend> タグ





役割です。


<fieldset> 要素はフォームの要素を並べ替えるために使用され、一方 <legend> はグループのタイトルを定義しています。以下のようなdomoのようなレイアウトを見たことがあるのではないでしょうか! これらは、css定義でスタイル付けすることも可能です。



使用方法を説明します。

<form
>

<fieldset
>

<legend
>
Basic information
</legend>

Name: 
<input
 type
=
"text"
/>

Gender: 
<input
 type
=
"text"
/>

</fieldset>

</form>





<sub> タグと <sup> タグ




    役割： <sub> 
タグと <sub> 
タグは、ブラウザによって動作が異なりますが、それぞれ上付き文字と下付き文字であり、あなたが


また、cssを使用してそれらのスタイルを定義することもできます。



使用方法を説明します。

2
<sup
>
I am the superscript
</sup>

2
<sub
>
I am the subscript
</sub>





<ラベル>ラベル





役割です。


ラベル 
ラベルを使用することで、フォームのクリック可能な領域が広がり、ユーザビリティが向上します。次の使い方を見てください。テキストをクリックすることは、ラジオコントロールをクリックすることと同じであり、ユーザーエクスペリエンスが向上しますよね？



使用方法を説明します。

<form
>

<label
 for
=
"nan"
>
Mr.
</label>

<input
 type
=
"radio"
 name
=
"sex"
 id
=
"nan"
/>

<br
/>

<label
 for
=
"nv"
>
lady
</label>

<input
 type
=
"radio"
 name
=
"sex"
 id
=
"nv"
/>

</form>




<optgroup>タグ





役割です。


<オプション


 
This is useful when you have a lot of dropdown items, and you can name each group with a label tag. You can also define a different color for each group in css like Taobao does.



使用方法を説明します。

<select
>

<optgroup
 label
=
"Self-driving tour"
>
<! -- with label tags to name each group -- >

<option
>
Province
</option>

<option
>
out-of-province
</option>

</optgroup>

<optgroup
 label
=
"Travel agency"
>

<option
>
Province
</option>

<option
>
out-of-province
</option>

<option
>
Foreign
</option>

</optgroup>

</select>


    You might consider looking at the book "The Definitive Guide to HTML and XHTML" if you're interested in more xhtml tags, which you can also find online in electronic form. I've seen a photocopy of it in English, and it's not too hard to read even though it's in English.


    Let us know if you know any other useful tags!