HTML5 标签划分 语义化标签

文档声明

声明HTML5文件

DOCTYPE html>

特殊格式

缩略词，title属性显示完整内容
双向文本方向 配合全局属性dir实现文字正逆序

---

功能性标签

进度条标签

• 定义度量衡。 定义进度条

<meter value="2" min="0" max="10">` `<meter value="0.6">`

• 纯粹的进度条

<progress value="22" max="100">

添加拼音

<ruby>
  汉 <rp>(rp><rt>hanrt><rp>)rp>
ruby>

汉 (han)

---

新的表单元素

选择列表

<select>
  <optgroup label="Swedish Cars"> 
    <option value="volvo">Volvooption>
    <option value="saab">Saaboption>
  optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedesoption>
    <option value="audi">Audioption>
  optgroup>
select>

围绕表单项的边框

<form>
  <fieldset>
    <legend>Personalia:legend>  
  fieldset>
form>

显示input可能的输入项

<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
datalist>

计算结果output

<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b">output>

---

内联框架