HTML5 概念
以下为《HTML5 概念》的无排版文字预览，完整内容请下载
标记
加粗标记
倾斜标记
定义页面元信息标记：
在标记中使用name/content属性可以为搜索引擎提供信息，其中name属性提供搜索内容名称，content属性提供对应的搜索内容值。
水平标记线
换行标记
文本或图像
Nav元素用于定义导航链接。
行级的块标签，用于在效果中 一行上定义一个块，进行内容显示。
span有多少内容，就会占用多大空间。
Span不会自动换行
适用于少量数据展示
示例：
哈哈哈哈哈
呵呵呵呵呵
效果：//
页面交互元素
details和summary元素：details元素用于描述文档或文档某个部分的细节，summary用于为datails定义标题。标题是可见的，当用户单击标题时，会显示或隐藏detials中的其他内容。
Progress元素：用于表示一个任务的完成进度。Value：已经完成的量，max：总的工作量
Meter元素：用于表示比例。High定义度量值的值位于哪个点被界定为高的值，low：定义度量值的值位于哪个点被界定为低的值，max，min：定义最大值最小值，默认是1和0
Optimum：定义什么样的度量值为最佳的值，如果该值大于high则意味着值越高越好，。如果低于low则意味着越低越好。
全局属性
Draggable属性用来定义元素是否可以拖动，该属性有两个值：true和false，默认false。
Contenteditable属性规定是否可编辑元素的内容，但是前提是该元素必须可以获得鼠标焦点并且内容不是只读的。
引入CSS样式表
1.行内式
内容
该语法中style是标记的属性，实际上任何HTML标记都拥有style属性，用来设置行内式。其中属性和值得书写规范与CSS样式规则相同，行内式只对其所在的标记及嵌套在其中的子标记起作用。
Css基础选择器
标记选择器
语法格式：标记名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
用标记选择器定义的样式对页面中该类型的所有标记都生效。
示例：p{font-size:12px; color:#666; font-family:”微软雅黑”;}
类选择器
语法格式：.类名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
类名即为HTML元素的class属性值，类选择器的最大优势是可以为元素对象定义单独或相同的样式。
示例：.red{color:red;}
二级标题文本
Id选择器
语法格式：#id名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
Id名即为HTML元素的id属性值。
示例：#bold {font-weight:bold;}
段落加粗
通配符选择器
通配符选择器用“*”号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素。
语法格式：*{属性1：属性值1；属性2：属性值2；属性3：属性值3；}
示例：*{margin:0; padding:0;}
标 内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 ndent：首行缩进
其属性值可为不同单位的数值，em字符宽度的倍数，或相当于浏览器窗口宽度的百分比%，允许使用负值，建议使用em作为设置单位。
white-space：空白符处理
在用HTML时，不论源码中有多少空格，在浏览器中只会显示一个字符的空白，在CSS中，使用white-space属性可设置空白符的处理方式，其属性值如下。
normal：默认值，文本中的空格，空行无效，满行后自动换行。
pre：预格式化。按文档的书写格式保留空格，空行原样显示。
nowrap：空格空行无效，强制文本不能换行，除非遇到换行标记。内容超过元素边界也不换行，若超出浏览器页面会自动增加滚动条。
[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]
以上为《HTML5 概念》的无排版文字预览，完整内容请下载
HTML5 概念由用户“zhang12tt”分享发布，转载请注明出处