{"id":291,"date":"2025-03-01T08:30:00","date_gmt":"2025-03-01T00:30:00","guid":{"rendered":"https:\/\/mitongxue.cn\/?p=291"},"modified":"2026-06-09T09:25:07","modified_gmt":"2026-06-09T01:25:07","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6%e5%92%8chtml%e6%a0%87%e7%ad%be","status":"publish","type":"post","link":"https:\/\/mitongxue.cn\/index.php\/2025\/03\/01\/%e5%b0%8f%e7%a8%8b%e5%ba%8f%e7%bb%84%e4%bb%b6%e5%92%8chtml%e6%a0%87%e7%ad%be\/","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6\u548chtml\u6807\u7b7e"},"content":{"rendered":"\n

\u4e00\u3001\u57fa\u7840\u5e03\u5c40 & \u5bb9\u5668\u6807\u7b7e<\/h1>\n\n\n\n

\u8868\u683c<\/p>\n\n\n\n

\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6<\/th>\u5bf9\u5e94 HTML \u6807\u7b7e<\/th>\u8bf4\u660e & \u5dee\u5f02<\/th><\/tr><\/thead>
<view><\/code><\/td><div><\/code><\/td>\u6700\u5e38\u7528\u5bb9\u5668<\/strong>\uff0c\u5757\u7ea7\u5143\u7d20\uff0c\u5e03\u5c40\u4e3b\u529b\uff1b\u5c0f\u7a0b\u5e8f\u65e0\u771f\u6b63 div<\/code>\uff0c\u7edf\u4e00\u7528 view<\/td><\/tr>
<text><\/code><\/td><span><\/code><\/td>\u884c\u5185\u6587\u672c\u5bb9\u5668\uff1b\u6587\u672c\u5fc5\u987b\u5305\u5728 text \u91cc<\/strong>\uff0c\u5426\u5219\u90e8\u5206\u6837\u5f0f\u3001\u957f\u6309\u590d\u5236\u4f1a\u5931\u6548<\/td><\/tr>
<block><\/code><\/td>\u65e0\u5bf9\u5e94\u6807\u7b7e\uff08\u903b\u8f91\u5bb9\u5668\uff09<\/td>\u4ec5\u4f5c\u5faa\u73af \/ \u6761\u4ef6\u6e32\u67d3\u5360\u4f4d\uff0c\u4e0d\u6e32\u67d3\u5230\u9875\u9762<\/strong>\uff0c\u7eaf\u903b\u8f91\u6807\u7b7e<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u4e8c\u3001\u884c\u5185\u5143\u7d20 & \u6587\u672c\u4fee\u9970<\/h1>\n\n\n\n

\u8868\u683c<\/p>\n\n\n\n

\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6<\/th>\u5bf9\u5e94 HTML \u6807\u7b7e<\/th>\u8bf4\u660e<\/th><\/tr><\/thead>
<rich-text><\/code><\/td><div><\/code>\uff08\u6e32\u67d3\u5bcc\u6587\u672c\uff09<\/td>\u6e32\u67d3 HTML \u7247\u6bb5\uff0c\u7b49\u4ef7 HTML \u91cc innerHTML<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u4e09\u3001\u56fe\u7247 & \u5a92\u4f53\u8d44\u6e90<\/h1>\n\n\n\n

\u8868\u683c<\/p>\n\n\n\n

\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6<\/th>\u5bf9\u5e94 HTML \u6807\u7b7e<\/th>\u8bf4\u660e<\/th><\/tr><\/thead>
<image><\/code><\/td><img><\/code><\/td>\u56fe\u7247\u6807\u7b7e\uff1b\u5c0f\u7a0b\u5e8f image \u9ed8\u8ba4\u6709\u9ed8\u8ba4\u5bbd\u9ad8<\/strong>\uff0c\u9700\u624b\u52a8\u6539\u6837\u5f0f<\/td><\/tr>
<video><\/code><\/td><video><\/code><\/td>\u89c6\u9891\u64ad\u653e\u5668\uff0c\u5c5e\u6027\u5927\u4f53\u5bf9\u9f50\uff0c\u5c0f\u7a0b\u5e8f\u72ec\u6709\u66f4\u591a\u5fae\u4fe1\u4e13\u5c5e\u914d\u7f6e<\/td><\/tr>
“<\/td>“<\/td>\u97f3\u9891\u6807\u7b7e\uff0c\u7528\u6cd5\u57fa\u672c\u4e00\u81f4<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u56db\u3001\u8868\u5355\u7cfb\u5217\uff08\u9ad8\u9891\u91cd\u70b9\uff09<\/h1>\n\n\n\n

\u8868\u683c<\/p>\n\n\n\n

\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6<\/th>\u5bf9\u5e94 HTML \u6807\u7b7e<\/th>\u5dee\u5f02\u8981\u70b9<\/th><\/tr><\/thead>
<input><\/code><\/td><input><\/code><\/td>\u5355\u884c\u8f93\u5165\u6846\uff0ctype \u7c7b\u578b\u89c4\u5219\u57fa\u672c\u4e00\u81f4<\/td><\/tr>
<textarea><\/code><\/td><textarea><\/code><\/td>\u591a\u884c\u6587\u672c\u57df<\/td><\/tr>
<button><\/code><\/td><button><\/code><\/td>\u6309\u94ae\uff1b\u5c0f\u7a0b\u5e8f button \u81ea\u5e26\u9ed8\u8ba4\u6837\u5f0f<\/strong>\uff0c\u6837\u5f0f\u91cd\u7f6e\u9891\u7387\u5f88\u9ad8<\/td><\/tr>
<checkbox><\/code><\/td><input type=\"checkbox\"><\/code><\/td>\u590d\u9009\u6846\uff0c\u9700\u642d\u914d <checkbox-group><\/code> \u4f7f\u7528<\/td><\/tr>
<radio><\/code><\/td><input type=\"radio\"><\/code><\/td>\u5355\u9009\u6846\uff0c\u9700\u642d\u914d <radio-group><\/code> \u4f7f\u7528<\/td><\/tr>
<picker><\/code><\/td><select><\/code><\/td>\u4e0b\u62c9\u9009\u62e9\u5668\uff0c\u529f\u80fd\u7b49\u4ef7 select\uff0c\u5c0f\u7a0b\u5e8f\u652f\u6301\u591a\u7c7b\u578b\uff08\u65f6\u95f4\u3001\u5730\u533a\u7b49\uff09<\/td><\/tr>
<switch><\/code><\/td><input type=\"checkbox\"><\/code><\/td>\u5f00\u5173\u7ec4\u4ef6\uff0c\u7b49\u4ef7 HTML \u5f00\u5173\u6837\u5f0f\u590d\u9009\u6846<\/td><\/tr>
<label><\/code><\/td><label><\/code><\/td>\u5173\u8054\u8868\u5355\u9879\uff0c\u7528\u6cd5\u4e00\u81f4\uff0c\u70b9\u51fb\u6587\u5b57\u9009\u4e2d\u63a7\u4ef6<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u4e94\u3001\u5bfc\u822a & \u94fe\u63a5<\/h1>\n\n\n\n

\u8868\u683c<\/p>\n\n\n\n

\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6<\/th>\u5bf9\u5e94 HTML \u6807\u7b7e<\/th>\u8bf4\u660e<\/th><\/tr><\/thead>
<navigator><\/code><\/td><a><\/code><\/td>\u9875\u9762\u8df3\u8f6c\u94fe\u63a5\uff1b\u5c0f\u7a0b\u5e8f\u5185\u90e8\u8df3\u8f6c\u3001\u5916\u90e8\u94fe\u63a5\u90fd\u9760\u5b83\uff0c\u66ff\u4ee3 a \u6807\u7b7e<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u516d\u3001\u5217\u8868 & \u6eda\u52a8\u5bb9\u5668<\/h1>\n\n\n\n

\u8868\u683c<\/p>\n\n\n\n

\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6<\/th>\u5bf9\u5e94 HTML \u6807\u7b7e<\/th>\u8bf4\u660e<\/th><\/tr><\/thead>
<scroll-view><\/code><\/td>\u5916\u5c42 div<\/code> + CSS overflow<\/code><\/td>\u6eda\u52a8\u5bb9\u5668\uff1b\u5c0f\u7a0b\u5e8f\u4e13\u95e8\u5c01\u88c5\u7684\u6eda\u52a8\u7ec4\u4ef6\uff0c\u66ff\u4ee3 CSS \u6eda\u52a8\uff0c\u652f\u6301\u6a2a\u5411 \/ \u7eb5\u5411\u6eda\u52a8<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u4e03\u3001\u753b\u5e03 & \u7ed8\u56fe<\/h1>\n\n\n\n

\u8868\u683c<\/p>\n\n\n\n

\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6<\/th>\u5bf9\u5e94 HTML \u6807\u7b7e<\/th>\u8bf4\u660e<\/th><\/tr><\/thead>
<canvas><\/code><\/td><canvas><\/code><\/td>\u753b\u5e03\u7ed8\u56fe\uff0cAPI \u903b\u8f91\u57fa\u672c\u4e00\u81f4\uff0c\u5c0f\u7a0b\u5e8f\u9700\u6307\u5b9a type<\/code>\/canvas-id<\/code><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

\u516b\u3001\u539f\u751f\u89c6\u56fe & \u7279\u6b8a\u7ec4\u4ef6<\/h1>\n\n\n\n

\u8868\u683c<\/p>\n\n\n\n

\u5c0f\u7a0b\u5e8f\u7ec4\u4ef6<\/th>\u5bf9\u5e94 HTML \u6807\u7b7e<\/th>\u8bf4\u660e<\/th><\/tr><\/thead>
<movable-view><\/code><\/td>\u65e0\u539f\u751f\u5bf9\u5e94<\/td>\u53ef\u62d6\u62fd\u89c6\u56fe\uff0cHTML \u9700 JS \u5b9e\u73b0\u62d6\u62fd\uff0c\u5c0f\u7a0b\u5e8f\u539f\u751f\u7ec4\u4ef6<\/td><\/tr>
<swiper><\/code> \/ <swiper-item><\/code><\/td>\u8f6e\u64ad\uff08JS \u5b9e\u73b0\uff09<\/td>\u8f6e\u64ad\u56fe\uff0cHTML \u65e0\u539f\u751f\u8f6e\u64ad\u6807\u7b7e\uff0c\u5c0f\u7a0b\u5e8f\u5185\u7f6e<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

\u4e00\u3001\u57fa\u7840\u5e03\u5c40 & \u5bb9\u5668\u6807\u7b7e \u8868\u683c \u5c0f\u7a0b\u5e8f\u7ec4..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,20],"tags":[],"class_list":["post-291","post","type-post","status-publish","format-standard","hentry","category-front","category-20"],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":""},"author_info":{"info":["\u9648 \u67d0\u4eba"]},"category_info":"\u524d\u7aef<\/a> \u5c0f\u7a0b\u5e8f<\/a>","tag_info":"\u5c0f\u7a0b\u5e8f","comment_count":"0","_links":{"self":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/comments?post=291"}],"version-history":[{"count":1,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/291\/revisions"}],"predecessor-version":[{"id":292,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/291\/revisions\/292"}],"wp:attachment":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/media?parent=291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/categories?post=291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/tags?post=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}