홈페이지 메인페이지. 모듈. 쪽.

<section class="section main_product_list" data-ez-module="product-list/1" data-ez-layout="grid5" data-ez="contents-1r92zgr-1"> <ez-prop data-version="1.0.0"> <ez-var data-prop="layout" data-namespace="ez.module.product-list.layout" data-type="array"> <ez-item data-id="grid3" data-name="일반3단형(PC 3열/MOBILE 1열)"></ez-item> <ez-item data-id="grid4" data-name="일반4단형(PC 4열/MOBILE 2열)"></ez-item> <ez-item data-id="grid5" data-name="일반5단형(PC 5열/MOBILE 2열)"></ez-item> <ez-item data-id="grid3 list_gallery" data-name="이미지강조3단형(PC 3열/MOBILE 1열)"></ez-item> <ez-item data-id="grid4 list_gallery" data-name="이미지강조4단형(PC 4열/MOBILE 2열)"></ez-item> <ez-item data-id="grid5 list_gallery" data-name="이미지강조5단형(PC 5열/MOBILE 2열)"></ez-item>

ez.module.product-list.layou

top_logo -→

</div> </div>

	<div class="top_nav_box" id="top_nav_box">
		<div class="top_logo" module="Layout_LogoTop"><a href="/"><img src="{$logo}" alt="{$mall_name}"></a></div><!-- //top_logo -->
		<div class="top_nav"><a href="javascript:;" class="eNavFold"><i aria-hidden="true" class="icon icoNav"></i></a></div>

		<div data-ez-module="menu-main/1" data-ez-mode="manual">
    <div class="xans-element- xans-layout xans-layout-category top_category">
Plain Text
복사

<ul><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Outerwear/24/">(POOLVILLA) 풀빌라</a><ul class="sub_cate01"><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Jackets/29/">(Indonesia) 발리</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Thailand) 코사무이</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Thailand) 끄라비</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Thailand) 푸켓</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Vetnam) 다낭</a></li></ul></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(USA) 하와이</a><ul class="sub_cate01"><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Skirts/34/">(Hawaii) 오아후</a><ul class="sub_cate02"><li><a href="/category/(%EC%86%8C%EB%B6%84%EB%A5%98)-Long-Sleeve/37/">(소분류) 힐튼하와이언 빌리지</a><ul class="sub_cate03"><li><a href="/category/(%EC%83%81%EC%84%B8%EB%B6%84%EB%A5%98)-Cropped/40/">(상세분류) 하얏트리젠시</a></li><li><a href="/category/(%EC%83%81%EC%84%B8%EB%B6%84%EB%A5%98)-Graphic-Tees/41/">(상세분류) 힐튼가든인 와이키키</a></li></ul></li></ul></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(KOA) 빅아일랜E,</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(OGG) 마우이</a></li></ul></li><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Outerwear/24/">( Mexico) 칸쿤</a></li><li><a href="#">(MLE) 몰디브</a><ul class="sub_cate01"><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Boat) 스피드 보트</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Seaplane) 수상비행기</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Airplane) 국내선+스피드보트</a></li></ul></li><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Tops/25/">(MRU) 모리셔스</a></li><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Tops/25/">유럽</a></li><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Tops/25/">기타지역</a></li></ul> </div> </div>

		<div class="top_mypage">
			<a href="javascript:;" class="eSearch"><!--@import(/svg/icon-search.html)--></a>
			<a href="/myshop/index.html"><!--@import(/svg/icon-user.html)--></a>
			<a href="/order/basket.html" module="Layout_orderBasketcount"><!--@import(/svg/icon-cart.html)--><span class="count {$basket_count_display|display} {$basket_count_display_class}"><span class="{$basket_count_class}">{$basket_count}</span></span></a>
		</div><!-- //top_mypage -->
	</div><!-- //top_nav_box -->
</div><!-- //inner -->
Plain Text
복사

이부분. 조회 는 icon-search.htmlsearch

<div class="main_top_banner ez-align-left" data-ez-module="top-banner" data-ez-align="left" data-ez-role="style.color" data-ez-display="visible" data-ez="contents-0pe4w36-1">
	<div class="top_banner_box_inner">
		<div class="top_banner_text"><!-- 최상단 배너 수정하는곳 -->
			<a data-ez-role="a" href="#" data-href="#" target="_self" style="color: black;">트래브릭스 회원가입하고 실시간 견적 무료로 받아보세요.</a>
		</div><!-- //top_banner_text -->

		<div class="top_banner_close" data-ez-role="close">
			<input type="checkbox" name="chkbox" id="top_banner_box_cloase" value="1" data-ez-role="disable-term"><label for="top_banner_box_cloase" data-ez-role="disable-text">오늘 하루 보지 않기</label>
			<i aria-hidden="true" class="icon icoClose">닫기</i>
		</div><!-- //top_banner_close -->
	</div><!-- //top_banner_box_inner -->
</div>
<header id="header" class="layout4" data-ez-layout="layout4" data-ez="contents-073q35c-1">
	<ez-prop data-version="1.0.0">
		<ez-var data-prop="layout" data-namespace="ez.layout.header.layout" data-type="array">
			<ez-item data-id="layout3" data-name="1단 기본형"></ez-item>
			<ez-item data-id="layout2" data-name="2단 좌측형"></ez-item>
			<ez-item data-id="layout4" data-name="2단 혼합형"></ez-item>
			<ez-item data-id="layout1" data-name="2단 중앙형 (아이콘 하단)"></ez-item>
			<ez-item data-id="layout5" data-name="2단 중앙형 (아이콘 상단)"></ez-item>
  	    </ez-var>
	</ez-prop>
	<div class="inner">
		<div class="toparea display_pc_only">
			<div class="toparea_shoppinginfo">
				<div module="Layout_multishopList">
					<button type="button" class="toggle">{$current_language} <i aria-hidden="true" class="icon icoArrowBottom"></i></button>
					<ul module="Layout_multishopListitem">
						<li class="{$selected_class}">
							<a href="//{$shop_domain}/">{$locale_language}</a>
						</li>
						<li class="{$selected_class}">
							<a href="//{$shop_domain}/">{$locale_language}</a>
						</li>
					</ul>
				</div>
                <div data-ez-group="shopping-info" data-ez-role="list">
				<ul module="Layout_shoppingInfo">
					<li class="{$use_mileage|display}"><a href="/myshop/mileage/historyList.html">{$mileage_name} <strong>{$mileage}</strong></a></li>
					<li class="{$use_deposit|display}"><a href="/myshop/deposits/historyList.html">{$deposit_name} <strong>{$deposit}</strong></a></li>
					<li class="{$use_coupon_cnt|display}"><a href="/myshop/coupon/coupon.html">예약특전쿠폰 <strong>{$coupon_cnt}</strong></a></li>
					<li class="{$use_interest_prd|display}"><a href="/myshop/wish_list.html">관심상품 <strong>{$interest_prd_cnt}</strong></a></li>
					<li class="{$use_like_product_cnt|display}">{$like_prd_tag}</li>
					<li class="{$use_basket_cnt|display}"><a href="/order/basket.html">장바구니 <strong>{$basket_cnt}<span class="{$use_basket_price|display}">({$basket_price})</span></strong></a></li>
				</ul>
                </div>
			</div><!-- //toparea_shoppinginfo -->

			<div class="toparea_state" data-ez-group="top-util-menu" data-ez-role="list">
				<a data-ez-item="join" module="Layout_statelogoff" href="/member/agreement.html">회원가입</a>
				<a data-ez-item="login" module="Layout_statelogoff" href="/member/login.html">로그인</a>
				<a data-ez-item="modify" module="Layout_stateLogon" href="/member/modify.html">내정보수정</a>
				<a data-ez-item="logout" module="Layout_stateLogon" href="{$action_logout}">로그아웃</a>
				<a data-ez-item="order" href="/myshop/order/list.html">예약조회</a>
				<a data-ez-item="mypage" module="Layout_stateLogon" href="/myshop/index.html">마이페이지</a>
				<a data-ez-item="recent" href="/product/recent_view_product.html">관심지역</a>
				<div class="toparea_state_board">
					<a data-ez-item="board" href="#none">고객센터 <i aria-hidden="true" class="icon icoArrowBottom"></i></a>
					<ul module="Layout_BoardInfo">
						<li><a href="{$link_board_list}">{$board_name}</a></li>
						<li><a href="{$link_board_list}">{$board_name}</a></li>
					</ul>
				</div>
			</div><!-- //toparea_state -->
		</div><!-- //toparea -->

		<div class="top_nav_box" id="top_nav_box">
            
			<div class="top_logo" module="Layout_LogoTop"><a href="/"><img src="{$logo}" alt="{$mall_name}"></a></div><!-- //top_logo -->
			<div class="top_nav"><a href="javascript:;" class="eNavFold"><i aria-hidden="true" class="icon icoNav"></i></a></div>

			<div data-ez-module="menu-main/1" data-ez-mode="manual">
        <div class="xans-element- xans-layout xans-layout-category top_category">
<ul><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Outerwear/24/">(POOLVILLA) 풀빌라</a><ul class="sub_cate01"><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Jackets/29/">(Indonesia) 발리</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Thailand) 코사무이</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Thailand) 끄라비</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Thailand) 푸켓</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Vetnam) 다낭</a></li></ul></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(USA) 하와이</a><ul class="sub_cate01"><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Skirts/34/">(Hawaii) 오아후</a><ul class="sub_cate02"><li><a href="/category/(%EC%86%8C%EB%B6%84%EB%A5%98)-Long-Sleeve/37/">(소분류) 힐튼하와이언 빌리지</a><ul class="sub_cate03"><li><a href="/category/(%EC%83%81%EC%84%B8%EB%B6%84%EB%A5%98)-Cropped/40/">(상세분류) 하얏트리젠시</a></li><li><a href="/category/(%EC%83%81%EC%84%B8%EB%B6%84%EB%A5%98)-Graphic-Tees/41/">(상세분류) 힐튼가든인 와이키키</a></li></ul></li></ul></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(KOA) 빅아일랜E,</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(OGG) 마우이</a></li></ul></li><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Outerwear/24/">( Mexico) 칸쿤</a></li><li><a href="#">(MLE) 몰디브</a><ul class="sub_cate01"><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Boat) 스피드 보트</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Seaplane) 수상비행기</a></li><li><a href="/category/(%EC%A4%91%EB%B6%84%EB%A5%98)-Tees/32/">(Airplane) 국내선+스피드보트</a></li></ul></li><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Tops/25/">(MRU) 모리셔스</a></li><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Tops/25/">유럽</a></li><li><a href="/category/(%EB%8C%80%EB%B6%84%EB%A5%98)-Tops/25/">기타지역</a></li></ul>
</div>
      </div><!-- //menu-main/1 -->

			<div class="top_mypage">
				<a href="javascript:;" class="eSearch"><!--@import(/svg/icon-search.html)--></a>
				<a href="/myshop/index.html"><!--@import(/svg/icon-user.html)--></a>
				<a href="/order/basket.html" module="Layout_orderBasketcount"><!--@import(/svg/icon-cart.html)--><span class="count {$basket_count_display|display} {$basket_count_display_class}"><span class="{$basket_count_class}">{$basket_count}</span></span></a>
			</div><!-- //top_mypage -->
		</div><!-- //top_nav_box -->
	</div><!-- //inner -->
</header>
<!--#ez="1/10"-->
HTML
복사

모듈 레이아웃.. <!-- //top_logo -→

rgba(63,69,81,0.16)는 투명도를 포함한 RGB 색상 체계입니다. 이 색상의 RGB 값은 각각 63, 69, 81이며, 알파 값은 0.16입니다. 이 색상은 어두운 회색 계열로, 투명도가 있어서 배경색이나 다른 색상과 조합하여 사용할 때 유용합니다.

The RGB value for white is (255, 255, 255).

하얀색은 투명도가 없는 불투명한 색이기 때문에 알파값이 1입니다. 따라서 하얀색의 RGB 값은 (255, 255, 255)이며, 알파값은 1입니다.

<div class="top_logo" module="Layout_LogoTop"><a href="/"><img src="{$logo}" alt="{$mall_name}" data-ez-eb="https://ecimg.cafe24img.com/pg536b73381575094/trabricks/web/upload/ezst/shop1/ez-logo-top.edibotbanner.json"></a></div><!-- //top_logo --

<div class="top_logo" module="Layout_LogoTop"><a href="/"><img src="{$logo}" alt="{$mall_name}" data-ez-eb="<https://ecimg.cafe24img.com/pg536b73381575094/trabricks/web/upload/ezst/shop1/ez-logo-top.edibotbanner.json>"></a></div><!-- //top_logo --
Plain Text
복사

위 구문의 마지막 부분에서 "--"를 닫는 "-->"로 수정해야 합니다.

<div class="top_logo" module="Layout_LogoTop"><a href="/"><img src="{$logo}" alt="{$mall_name}" data-ez-eb="<https://ecimg.cafe24img.com/pg536b73381575094/trabricks/web/upload/ezst/shop1/ez-logo-top.edibotbanner.json>"></a></div><!-- //top_logo -->
Plain Text
복사

style= position: relative;
		width: 100%; height: 0; padding-top: 18.6736%; padding-bottom: 0; box-shadow: 2, 
		2px 8px 0 rgba(255,255,255,1); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
		 border-radius: 8px; will-change: "transform" allowfullscreen="allowfullscreen" allow="fullscreen" overflow: "true"> </style> </div>
HTML
복사

The given text is not a valid HTML code. It seems like it's a partial code snippet. However, will-change: "transform" is a valid CSS property, and it can be used without a colon.

Here's an example of how the given code snippet can be used in a valid HTML file:

<div style="position: relative;
		width: 100%; height: 0; padding-top: 18.6736%; padding-bottom: 0; box-shadow: 2px 2px 8px 0 rgba(255,255,255,1); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
		 border-radius: 8px; will-change: transform;" allowfullscreen="allowfullscreen" allow="fullscreen" overflow="true"> </div>
HTML
복사

Note that the style attribute should be enclosed in double quotes ("), and there should be a space between the numbers and the unit for the box-shadow property.

위의 스타일 속성에서 틀린 부분은 allowfullscreen, allow, overflow 속성입니다. 이들 속성은 div 요소에서 사용할 수 없습니다. 올바른 사용 방법은 iframe 요소에만 해당됩니다. 따라서 이 속성들은 제거해야 합니다.

아래는 수정된 코드입니다:

<div style="position: relative;
width: 100%; height: 0; padding-top: 18.6736%; padding-bottom: 0;
box-shadow: 2px 2px 8px 0 rgba(255,255,255,1);
margin-top: 1.6em; margin-bottom: 0.9em; border-radius: 8px; will-change: transform;"></div>
HTML
복사