邯郸网站建设好的公司导出wordpress到文本

当前位置： 首页 > news >正文

邯郸网站建设好的公司,导出wordpress到文本,acf wordpress,郑州管家网站托管第3章 HTML5中的重要元素 3.1 html根元素 HTML文档中#xff0c;元素html代表了文档的根#xff0c;其他所有元素都是在该元素的基础上进行延伸或拓展的#xff0c;该元素也是HTML文档的最外层元素#xff0c;因此也称为根元素。 html元素的常用属性#xff1a; manif…第3章 HTML5中的重要元素 3.1 html根元素 HTML文档中元素html代表了文档的根其他所有元素都是在该元素的基础上进行延伸或拓展的该元素也是HTML文档的最外层元素因此也称为根元素。 html元素的常用属性 manifestURL指向描述文档缓存信息的地址xmlnshttp://www.w3.org/1999/xhtml设置XML namespace的属性 1.功能描述 新建页面中显示“内容部分。。。”几个字符。 2.实现代码 !DOCTYPE html htmlheadmeta charsetutf-8titlehtml根元素的使用/titlestylebody {font-size: 10pt;}/style /headbody内容部分。。。 /body/html 3.页面效果 3.2 文档元素 一个HTML文档通常包含两个部分一个头部分由head元素包含一个为主体部分由body元素包含。由于说明文档经常用到head,title,base,link,meta,style等元素因此也称为文档元素。 head所有头部元素载体包含base,link,meta,script,style,title.base可以设置页面中url为空时的值。href(当页面为空时的链接)target(打开页面链接的方式_blank,_self,_parent等)新窗口当前窗口父窗口打开。meta设置页面的文档信息针对搜索引擎的关键字等contentHTML5,UI,Web前端开发,charsetutf-8 1.功能描述 新建页面中head元素加入所包含的各类标签并定义超级链接的样式。当单击请点击我标签时将展示相应的样式效果并进入base设置的默认地址。base和title只能使用一次。 2.实现代码 !DOCTYPE html htmlheadmeta charsetutf-8title文档元素的使用/titlebase hrefhttp://www.baidu.com/ target_blank /meta namekeywords contentHTML5,CSS,JavaScript /meta namedescription content用于检测页面的文档元素 /stylea {padding: 8px;font-size: 13px;text-decoration: none;}a:hover {border: 1px solid #ccc;}/style /headbodya hrefindex.html请点击我/a /body/html 3.页面效果 3.3 脚本 为了增加页面的互动性需要对文档编写客户端脚本常用语言是JavaScript. script的属性 asynctrue/false是否异步执行脚本H5新增charsetcharset设置脚本中使用的字符编码H5不在支持languageJavaScript等定义脚本语言类型H5不再支持xml:space不再支持 async是新增属性当取值为true时脚本在页面中执行是异步的当false时脚本立即执行页面也会等脚本执行完成后继续解析。 示例元素script与noscript的使用 1.功能描述 新建页面增加文本框“txtContent”和按钮请点击我当单击按钮时通过页面中加入JavaScript脚本代码获取文本框中的内容并且显示在页面中。 2.实现代码 !DOCTYPE html htmlheadmeta charsetutf-8title脚本元素的使用/titlestylebody {font-size: 12px;}.inputbtn {border: 1px solid #ccc;background-color: #eee;line-height: 18px;font-size: 12px;}.divShow {display: none;width: 196px;padding: 5px;margin-top: 5px;border: 1px solid #666;background-color: #eee;}/stylescript typetext/javascript asyncfunction btnClick() {var strTxt document.getElementById(txtContent).value;var strDiv document.getElementById(divShow);strDiv.style.display block;strDiv.innerHTML 您输入的字符是 strTxt;}/scriptnoscript您浏览器不支持JavaScript!/noscript /headbodyinput typetext idtxtContent /input typebutton value请点击我 classinputbtn onclickbtnClick(); /div iddivShow classdivShow/div /body/html 3.页面效果 async为true时可以很大程度上缓解页面解析的压力加速页面加载的速度。 3.4 节点 H5中新增许多标志性节点元素section,nav等这些元素可以用于页面内容的分段或分区。接下来详细介绍这些节点使用方法。 3.4.1 section元素 section是H5新增的元素该元素用于标记区段或段落例如文章中的章节、页眉页脚设置。 section常用属性 citeURLsection元素内容来源于Web的地址。hiddentrue/false显示或隐藏元素draggabletrue/false是否可以拖动 3.4.2 nav元素 页面导航元素将具有导航性质的链接归纳在一块区域中使页面更有语义性同时方便对屏幕阅读器设备的支持。例如nav里面有多个a. 3.4.3 hgroup元素 用于页面的标题进行分组形成一个群组常常与figcaption结合使用。 3.4.4 address元素 用于定义文档作者或者所有者相关联系方式常用于article元素外部。内部表示文章作者的联系方式通常是斜体解析该元素时会换行。还有article,aside,header,footer都是节点元素不在赘述。 3.5 分组内容 原有分组内容ul,ol,dl.改良后。 3.5.1 ul元素 表示无序列表通常与li一起用。 3.5.1 ol元素 表示有序列表新增两个属性start(列表项开始的编号)和reversed(列表项反向排序), 1.功能描述 ol中创建各类图书销量排名列表添加三个选项计算机社科文艺作为列表的内容。 增加一个文本框设置开始值一个确定按钮输入一个值点击确定按钮以文本框中的值为开始值 2.实现代码 !DOCTYPE html htmlheadmeta charsetutf-8titleol列表元素的使用/titlescript typetext/javascript asyncfunction btnClick() {var strNum document.getElementById(txtOrderNum).value;var strOl document.getElementById(olList);strOl.setAttribute(start, strNum);}/script /headbodyh5各类图书销量排行/h5ol idolListli计算机/lili社科/lili文艺/li/olh5设置开始值/h5input typetext idtxtOrderNum classinputtxt stylewidth:60px /input typebutton value确定 classinputbtn onclickbtnClick() / /body/html 3.页面效果 3.5.3 dl元素 dl元素用于创建一个术语列表允许dl表中跟多个带名字的术语dt每个dt后面可以跟多个dddt,dd不允许重复。 3.6 文本层次语义 3.6.1 time元素 定义时间或日期代表24小时中某一时刻只需将datetime设为时间或日期即可。 可选属性pubdate布尔值。 3.6.2 mark元素 高亮显示某个或某几个字符引起用户特别注意。类似于em和strong !DOCTYPE html htmlheadmeta charsetutf-8titlemark元素的使用/title/headbodyh5优秀的开发人员的mark素质/mark/h5p一个优秀的Web页面开发人员必须具有mark过硬/markmark务实/mark的专业精神/p/body /html 3.6.3 cite元素 创建一个引用标记用于文档中参考文献的引用说明。如书名和文章名称被标记的内容将以斜体的样式展示在页面中以区别于段落中的其他字符。 3.7 嵌入内容 img,iframe(不再支持)object元素(原有属性不支持)。 3.8 公共属性 draggable,hidden,spellcheck,contenteditable属性可以拖动可隐藏检测输入拼音或语法是否错误可以直接对显示在页面中的文字进行编辑(可用于表格编辑). 共同的案例 !DOCTYPE html htmlheadmeta charsetutf-8title公共属性draggable,hidden,spellcheck,contenteditable/titlestylehr {clear: both;}#d1,#d4,#d5 {float: left;width: 100px;height: 100px;border: 1px solid red;}#d2 {float: left;width: 100px;height: 100px;border: 1px solid red;}/stylescriptfunction show() {var d2 document.getElementById(d2);d2.hidden !d2.hidden;}/script /headbodydiv idd1 draggabletrue可拖动/divhr /div idd2 hiddenhidden属性/divbutton onclickshow();交替显示/buttonhr /textarea spellchecktrue cols15 rows5有拼写检查/textareatextarea spellchecktrue cols15 rows5无拼写检查/textareahr /div idd4 contenteditabletrue可编辑/divdiv idd5 contenteditabletrue可编辑/div /body/html 提示拼写检查可能不生效。