《第1章》HTML5基础

1.2 HTML文档结构和基本语法
1.定义文档的字符编码：

• 使用meta标签的charset属性
• 常用字符编码包括中文简体（gb2312)、中文繁体（big5）、通用字符编码（utf-8）

2.HTML文档注释

<!-- -->

3.DOCTYPE声明必须大写
4.小于号（<）编码为“&lt”
大于号（>）编码为“&gt”

1.7HTML5全局属性
1.contentEditable属性
a.属性功能：允许用户在线编辑元素内容
b.当属性为true时，元素被指定为允许编辑；当为false，不能编辑
c.未指定是，看inherit状态，父元素可编辑，则该元素可编辑
d.javascript中，元素还具有一个isContentEditable属性，当为true时，可编辑，false则不可编辑

    <h1>可编辑列表</h1>
    <ul contenteditable="true">
        <li>列表元素1</li>
        <li>列表元素2</li>
        <li>列表元素3</li>
    </ul>

运行结果：

2.data-*属性
a.data-*属性用于存储页面或web应用的私有自定义数据。
b.data-*属性赋予所有HTML元素嵌入自定义data属性的能力。
c.属性包括两部分：
属性名：不应该包含任何大写字母，并且在前缀“data-”之后必须有至少一个字符。
属性值：可以是任意字符串。

<ul>
    <li data-annimal-type="bird">猫头鹰</li>
    <li data-annimal-type="fish">鲤鱼</li>
    <li data-annimal-type="spider">蜘蛛</li>
</ul>
<script>
    var lis=document.getElementsByTagName("li");
    for(var i=0;i<lis.length;i++){
        console.log(lis[i].dataset.animalType);
    }
</script>

运行结果：

3.hidden属性
a.该属性设置元素的可见状态，取值为“true”时，为隐藏，取值为“false”时，为可见状态。