>웹 프론트엔드 >HTML 튜토리얼 >《HTML5权威指南》_html/css_WEB-ITnose

《HTML5权威指南》_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-21 08:54:343316검색

Adam Freeman 著 谢廷晟 牛化成 刘美英 译 人民邮电出版社。共34章。

零散也是一种 系列!玩也是一种 态度。


1-20章:1、自定义属性data-开头,作用是为了避免与HTML未来版本中可能增加的属性名相冲突。2、XHTML即 HTML的序列化形式,以XML规范表达内容和HTML的元素和属性,以便XML解析程序处理。3、HEAD标签中的元素属于元数据,包括title。4、accesskey="n",窗口系统下,按下ALT+n即可将焦点转移到该元素。5、tabindex属性,用法tabindex="-1/1/2/3",用户按下TAB的过程中,焦点依次从1到2到3。-1时跳过相应元素。6、CSS中@import的效率不如多个元素。7、CSS使用的三种方式(名次),元素内嵌style属性、文档内嵌、外部引用。8、JavaScript删除属性,delete object.prop; OR delete object['prop'];。判断对象是否具有某个属性,in,var hasProp = "prop" in object;9、JavaScript基本类型的比较是值的比较,对象的比较是引用的比较。10、JavaScript基本类型,String(5) OR Number("5")。11、设置基准URL,让文档中的相对链接在此基础上解析。包括 OR 中的href OR src属性等。12、预载入css文件。仅FireFox支持。13、默认情况下,浏览器一遇到script元素就会暂停处理html文档,转而载入脚本文件并执行其中的脚本。在脚本执行完之后浏览器才会继续解析HTML。因此脚本可能报错。解决方法:

  • 将script元素放到文档最后;
  • defer。延迟脚本加载从而影响延迟执行。

14、文档中有一种脚本肯定不会与HTML元素发生相互作用或者产生关系。可以用async属性异步加载脚本来提高其性能,如跟踪脚本。15、元素对搜索引擎很重要。其中包括了很多信息,如application name OR author OR description OR keywords。

  • 。utf-8以最少字节表示Unicode字符。
  • 每隔5秒刷新页面。

16、添加网站标识。如果网站标识文件位于服务器根目录,那就不用使用该属性,浏览器会自动载入。17、margin-start/margin-end/margin-before/margin-after。类似margin-left/margin-right/margin-top/margin-bottom。非通用。18、

标签。这个标签有意思。

<details>  <summary>this is summsary</summary>  this is content.  </details>

19、form标签的name属性不会提交到服务器。其子元素的name属性会提交到服务器。20、fieldset元素对表单进行分组。label元素的for属性设置为对应input的id值,将input元素和label元素关联起来。

<fieldset>  <legend>this is legend</legend>  <p>    <label for="name">Name:<input id="name" name="name" /></label>  </p></fieldset>

21、disabled属性对应元素的数据不会发送到服务器。22、。label设置选项组的一个标题或说明。23、。for属性的值是元素的ID。24、for属性可以将元素关联起来。甚至不用标签包裹就可以相关联。个人感觉这种方式不好,包裹起来更利于维护。25、感觉这些用法很少用。span.class1.class2可以指定不同的类名。[attr~="val"],属性中包含某值。如[class~="red"]表示class属性中含有red值的元素。p span含有空格,表示

标签中所有的标签。p>span直接后代,即子元素。p+a返回p元素之后相邻的一个span元素。p~a,表示p元素之后同级的的所有a元素。26、伪类一个冒号,如:first-child;伪元素两个冒号,如::before。尽管浏览器都当做一个冒号处理,但是为了向后兼容最好区分写法。27、:only-child返回只有一个子元素的元素的子元素。也就是返回没有同级元素的元素。:only-of-type返回一个独有的元素,即该元素和其他元素都不相同。:nth-child(n) OR :nth-last-child(n)选择父元素的第n个子元素与父元素的倒数第n个元素。p:nth-of-type(2) OR p:nth-last-of-type返回第二个p元素与返回倒数第2个p元素。28、em与元素的字号挂钩。font-size: 15pt; height: 2em即2倍字体高度。rem与根元素的字号挂钩。html {font-size: 0.2in;} p {font-size: 2rem; height: 2em;}。font-size: 2rem表示该钙元素字号为根元素字号的2倍。29、border-radius可以用数值或者百分数。百分数值是相当于元素盒子的宽度和高度来说的。border-top-left-raidus: 20px 15px;分别表示水平半径和垂直半径。border-radius: 20px / 15px;用/将水平半径和垂直半径分开。border-radius: 50% 20px 25% 5em / 25% 15px 40px 55%;用/分开的是水平和垂直半径。第一组是四个角的水平半径、第二组是四个角的垂直半径。从top-left到top-right到bottom-left到bottom-right。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.