首页 > 代码库 > HTML5权威指南读书笔记【第二部分】

HTML5权威指南读书笔记【第二部分】

2024-08-05 12:13:54   220人阅读

1、超链接href支持格式:http https ftp mailto(mailto:adam@mydomain.com)
2、超链接#id 将指定id的元素移入视野中，如果没有则查找name匹配
3、b与strong的习惯形式都是加粗但是在html5中b没有表示重要的语义，strong有
4、wbr的使用在浏览器需要换行的时候给予拆分行位置的建议
5、code、var、samp（输出）、kbd（用户输入）暴露了HTML的极客属性
6、<ruby>魑<rp>(</rp><rt>chi</rt><rp>)</rp></ruby>
7、bdo文字方向<bdo dir=“ltr”>i love you</bdo>
8、pre 嵌套code完成代码的原始输出
9、li 在ol中时使用value初始化其序列号
10、figure插图 figcaption插图标题
11、h1~h4字号大于标准字体 h5~h6小于标准字体
12、hgroup的引入，以加入hgoup里的第一个标题的层次确定组的层次，方便设置子标题
13、details可折叠细节展示 嵌套的summary中的内容为折叠的可见标题 open属性默认展开（IE不支持）
14、> css选择器代表紧跟组合
15、如果不加thead 其它tr都属于tbody
16、td\th colspan 跨列 rowspan 跨行 跨行的应该选择位置最靠上单元格设置同理跨列选择位置最靠左的
17、td headers 先列后行id <td headers=“列头id 行头id” >...</td>
18、caption 表标题
19、<colgroup id=“colgroup1” span=“3”/> 建立列组管理前三列，但是列组的样式优先级低于直接在tr td中的样式，不规则单元格按照其实单元所属的列归入对应的组
20、使用cols获得更多的自由性：
<colgroup id=“colgroup1”>
    <col id=“col1And2” span=“2”/>
    <col id=“col3”/>
</colgroup>
21、编码方式
application/x-www-form-urlencoded ：类似于get的参数拼接不能用于文件传输
multipart/form-data：文件传输
text/plain：一个参数独占一行
22、表单 autocomplete=“on” 自动填充 默认设置给所包含的input，但是input可以单独配置自己的自动完成开关
23、表单 target 提交后的相应结果显示在哪里 _blank _self _parent _top <frame>
24、<label for=“fave”>Fruit：<input id=“fave” name=“fave” /></label>
25、input autofocus自动聚焦
26、form fieldset分组
<fieldset>
    <legend>分组标签</legend>
</fieldset>
27、HTML5新增 button 属性 form formation formtarget formmethod ...
28、HTML5 button 的form属性指定外部form的id
29、input size 设置显示的字符的长度 maxLength有效长度
30、form中input 设置为disabled将不会提交到服务器（转为使用hidden）
31、input元素生成按钮与用button元素的不同之处在于后者可以用来显示含标记的文字
32、<input type=“range” step=“1” min=“0” max=“100” value=http://www.mamicode.com/“1” id=“price” name=“price” />生成滑块选择
33、input checkbox 只有勾选状态的值会传给服务器on
34、input hidden 仍然会随着表单提交
35、input type =“image” src=http://www.mamicode.com/“” name=“submit”
36、select size总共显示的选择项 multiple 多选布尔
37、select 分组
<select id=“fave”>
    <optgroup label=“Top Choice”>
        <option value=http://www.mamicode.com/“apples” label=“Apples”>Apples>
38、textarea wrap=“hard” 会插入换行符
39、img ismap 建立服务器端分区响应图 记录点击图像的坐标
40、iframe sandbox控制frame启用哪些元素
41、embed object都可以添加插件 但是object可以提供备用内容

HTML5权威指南读书笔记【第二部分】


联系
我们