(8)
Its syntax is best described with the example below:
@下の例は、この構文を最も良く説明しているでしょう:
*構文は下の例を見れば明らかでしょう:
いかにも直訳的なので。
(9)
For example, the URL field in the browser has a drop-down for selecting previously typed URLs, but you can also type them in yourself.
@例えば、 Navigator の URL バーは以前に入力した URL を選択するドロップダウンが表示されますが、それを自分でタイプすることもできます。
*Navigator → ブラウザ
(10)
In the next section, we'll learn about creating progress meters.
@次のセクションでは、HTML を使用してウィンドウに要素を追加する方法を学びます。
*次のセクションでは、プログレスメータの作成について学びます。
2.5 「リストコントロール」の原文に加筆された部分
Multi-Column List Boxes と Header Rows
の2小節の和訳です。
便宜のため和訳にはマークアップも入れてあります。ちょっと見づらいかもしれません。
Multi-Column List Boxes
複数列を持つリストボックス
The listbox also supports multiple columns. Each cell may have arbitrary content within it, although usually only text is used. When the user selects an item in the list, the entire row is selected. You cannot have a single cell selected.
Two tags are used to specify the columns in the listbox. The listcols element is used to hold the column information, each of which is specified using a listcol element. You will need one listcol element for each column in the listbox.
The listcell element may be used for each cell in a row. If you want to have three columns, you will need to add three listcell elements inside each listitem. To specify the text content of a cell, place a label attribute on a listcell. For the simple case where there is only one column, you may also place the label attributes directly on the listitem elements and leave the listcell elements out entirely, as was seen in the earlier listbox examples.
The following example is of a listbox with two columns and three rows:
次の例は3行2列のリストボックスです。
Header Rows
見出し行
List boxes also allow a special header row to be used. This is much like a regular row except that it is displayed differently. You would use this to create column headers. Two new elements are used.
The listhead element is used for the header rows, just as the listitem element is used for regular rows. The header row is not a normal row however, so using a script to get the first row in the list box will skip the header row.
In this example, the flex attribute is used to make the column flexible. This attribute will be described in a later section, but here it allows the column to fill all of the remaining space horizontally. You can resize the window to see that the column stretches as the window does. If you shrink the size horizontally, the labels on the cells will crop themselves automatically using an ellipsis. You can use the crop attribute on the cells or items set to the value none to disable the ellipsis.